'
''
};
}））
我们在这里正在做的是创建一个可重复使用的模板，该模板可以使用Angular动态创建。 IFRAME SRC属性上的TrustSrc（）方法将在我们的控制器中创建。
解释指令在角度的工作方式超出了本文的范围。如果您需要刷新，请查看：AngularJS指令的实用指南。
.factory("prompt", function ($window, $q) {
function prompt(message, defaultValue) {
var defer = $q.defer();
var response = $window.prompt(message, defaultValue);
if (response === null) {
defer.reject();
} else {
defer.resolve(response);
}
return (defer.promise);
}
return (prompt);
})
.factory('GUI', function () {
return require('nw.gui');
})
.factory('Window', function (GUI) {
return GUI.Window.get();
});
我们将首先创建一种信任资源URL的方法（我们已经在指令中实现了）：
.controller('main', function ($scope, $sce, prompt, Window) {
//implementation here
})
>将SitePoint制作我们的主页真是太棒了，因此我们将为我们的指令创建一系列标签，以通过SitePoint的URL作为第一个值来循环。
$scope.trustSrc = function (src) {
return $sce.trustAsResourceUrl(src);
}
>现在，我们可以使用提示服务启动新选项卡，以从用户那里获取URL。我们将活动属性设置为true，以便新的选项卡接收到焦点：
$scope.tabs = [
{
url: 'https://www.sitepoint.com/'
}
];
关闭选项卡涉及使用数组＃剪接函数以从选项卡的数组中删除值：
>$scope.newTab = function () {
prompt("Please enter a url", "http://www.sitepoint.com")
.then(function (url) {
var tab = {url: url, active:true}
$scope.tabs.push(tab);
},
function () {
alert("Error opening site!");
});
};
>控制器的其余部分用于将行为添加到最小化，启用/禁用全屏幕并关闭窗口的控件中：
$scope.closeTab = function (index) {
$scope.tabs.splice(index, 1);
};
>
$scope.minimize = function () {
Window.minimize();
};
$scope.toggleKioskMode = function () {
Window.toggleKioskMode();
};
$scope.close = function () {
Window.close();
};
>
<span><span><span><div</span> class<span>="controls"</span>></span> </span> <span><span><span><i</span> class<span>="fa fa-plus"</span> tooltip-placement<span>="bottom"</span> </span></span><span> <span>uib-tooltip<span>="New tab"</span> ng-click<span>="newTab()"</span>></span><span><span></i</span>></span> </span> <span><span><span><i</span> class<span>="fa fa-minus"</span> ng-click<span>="minimize()"</span>></span><span><span></i</span>></span> </span> <span><span><span><i</span> class<span>="fa fa-square-o"</span> ng-click<span>="toggleKioskMode()"</span>></span><span><span></i</span>></span> </span> <span><span><span><i</span> class<span>="fa fa-times"</span> ng-click<span>="close()"</span>></span><span><span></i</span>></span> </span><span><span><span><div</span>></span> </span>
平台
>从项目root运行grunt构建将为其构建的操作系统构建应用程序，而Grunt Build：所有这些都将为所有平台构建。命令grunt构建：{Platform}（例如Grunt Build：Mac）将为特定的操作系统构建。可能的选项是Win，OSX，Linux32，Linux64。有关更多信息，请参阅发电机 - wean readme。
>以示例为例，如果您在64位Linux系统上并运行：
.factory("prompt", function ($window, $q) {
function prompt(message, defaultValue) {
var defer = $q.defer();
var response = $window.prompt(message, defaultValue);
if (response === null) {
defer.reject();
} else {
defer.resolve(response);
}
return (defer.promise);
}
return (prompt);
})
.factory('GUI', function () {
return require('nw.gui');
})
.factory('Window', function (GUI) {
return GUI.Window.get();
});
结论
>
经常询问的问题（常见问题解答）有关节点 - webkit和angularjs>
使用node.js而不是angularjs，而vice vice则有什么优点？
>我可以使用其他JavaScript框架与Node-webkits使用其他JavaScript框架。是的，是的，您可以使用其他JavaScript框架使用Node-Webkit。 Node-webkit允许您使用任何可以在浏览器中运行的JavaScript框架，包括React，Vue.js和Ember.js等框架。在为应用程序选择正确的工具时，这给您带来了很大的灵活性。
>进行集成，而Node-webkit与其他用于创建桌面应用程序的工具相比如何？
> Node-webkit>当使用node-webkit和angularjs一起管理服务器端和客户端之间的通信 - 应用程序的侧面部分。如果您不熟悉全栈JavaScript开发，这可能会特别棘手。但是，通过仔细的计划和良好的node.js和angularjs的功能，您可以克服这一挑战。
>以上是使用Node-webkit和AngularJS创建选项卡式浏览器的详细内容。更多信息请关注PHP中文网其他相关文章！
