我的意思是,我读到过Angular允许使用模拟数据,这样就不需要连接RESTFul apis。我能想到一个用例,UX设计师只需要查看化妆品,而不需要连接到web服务器。我也可以想到其他的用例。
所以Angular的工作是,我给浏览器一个本地文件的url,比如C:\temp\index.html,js文件在c:\temp或c:\temp\js。
所以实际上,我试过了,这里所有的都在一个应用程序文件中(我知道它应该分开)
<html ng-app="myNoteApp">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>
<div ng-controller="myNoteCtrl">
<h2>My Note</h2>
<p><textarea ng-model="message" cols="40" rows="10"></textarea></p>
<p>
<button ng-click="save()">Save</button>
<button ng-click="clear()">Clear</button>
</p>
<p>Number of characters left: <span ng-bind="left()"></span></p>
</div>
<script >
// was in separate file but pasted in for demo purposes
var app = angular.module("myNoteApp", []);
</script>
<script >
// was in separate file but pasted in for demo purposes
app.controller("myNoteCtrl", function($scope) {
$scope.message = "";
$scope.left = function() {return 100 - $scope.message.length;};
$scope.clear = function() {$scope.message = "";};
$scope.save = function() {alert("Note Saved:" + $scope.message);};
});
</script>
</body>
</html>
结果是,它在Chrome和Firefox上运行没有问题,IE最初会阻止内容,但可以允许它运行。
发布于 2015-07-08 01:43:19
因此,我的方法是创建一个temp服务并加载它,而不是从url/文件加载。
示例:
//tempUser.js
angular.module("app").constant("tempUser", {
firstname : "Joe",
lastname : "Smith"
});
//userService.js
angular.module("app").factory("userService", function ($q, tempUser) {
return {
load : load
};
function load(id) {
//TODO: finish impl
return $q.when(tempUser);
}
});
这样,控制器仍然可以像从web服务加载一样工作。
angular.module("app").controller("UserDetailCtrl", function (userService) {
userService.load().then(function (user) {
$scope.user = user;
});
});
发布于 2015-07-08 01:42:44
你不能仅仅通过本地机器上的文件路径来访问angular应用程序,因为你会得到跨域错误。
解决方案是安装http-server (which requires node.js to be installed)。这允许您在您的机器本地创建http-server,并允许您访问Angular应用程序,就像它是出于开发和测试目的而在线托管的一样。
https://stackoverflow.com/questions/31275527
复制相似问题