AngularJS-简单的教程不起作用
AngularJS - simple tutorial wont work
我从Angular开始,遇到了应该可以工作的代码,但它没有。
Angular是通过脚本标记下载和添加的,它是正确的,其他教程以前也做过。
我什么都试过了,但似乎没有发现问题出在哪里。开始学习奥的AngularJS一书。
<html ng-app="nameApp">
<head>
<title>Angular Training</title>
</head>
<body ng-controller="NameCtrl">
<ul>
<li ng-repeat="name in names"> {{ name }}
<a href="" ng-click="removeName(name)">remove</a>
</li>
</ul>
<form ng-submit="addName()">
<input type="text" ng-model="enteredName">
<input type="submit" value="add">
</form>
<script src='unzipped___AngularJS-1.3.12'angular-1.3.12'angular.min.js'></script>
<script>
var nameApp = angular.module('nameApp', []);
nameApp.controller('NameCtrl', function ($scope){
$scope.names = ['Larry','Curly', 'Moe'];
$scope.addName = function(){
$scope.names.push($scope.enteredName);
$scope.enteredName = '';
};
$scope.removeName = function(name){
var i = $scope.names.indexOf(name);
$scope.names.splice(i, 1);
};
});
</script>
</body>
</html>
https://jsfiddle.net/eqk5adc1/3/
https://jsfiddle.net/5qv2e2jm/尝试添加此
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
根据评论,您可能会遇到安全问题。出于安全原因,现代浏览器通常可以阻止从本地文件系统加载外部js文件。这取决于您使用的浏览器。有关详细信息,此安全概念称为同源策略。
"这是一个Javascript框架,所以在我看来,服务器可以省略…"
由于上述安全概念,这不一定是真的。如果您正在使用Firefox,您可以使用以下步骤禁用此安全功能(尽管我只建议暂时禁用):
- 导航到about:config
- 在搜索栏中键入
security.fileuri.strict_origin_policy
- 将此属性设置为false
这些步骤应该允许在Firefox中加载本地js文件。最后,简单地设置服务器或使用廉价的云服务器(谷歌、亚马逊、c9.io等)可能会更容易。另一种选择可能只是像上面那样使用jsfiddle。
相关文章:
- 在IE8中不起作用的元素上触发单击事件
- 删除不起作用的父元素和所有子元素
- 更改第二次推送时不起作用的元素高度
- 清除函数中if语句内部不起作用的间隔
- 设置单击项目符号导航后不起作用的间隔
- 编辑不起作用的表单的特定行和重置特定字段
- 在IE中切换javascript不起作用的复选框
- setAttribute和video.src用于更改IE9中不起作用的视频标记源
- 使用JQuery运行php并刷新页面是不起作用的
- 鼠标事件's在CtrlKey不起作用的情况下单击
- .clone().appendTo-替换不起作用的元素样式
- 正在处理在chrome扩展中不起作用的js
- 为什么不'使用此JavaScript将文本替换为不起作用的链接
- 如果视图中没有Jquery脚本引用,Unobtrusive Javascript Validation是不起作用的
- InnerHtml 不起作用的 Javascript 变量
- ng-单击在IE中不起作用的选项选择Angularjs
- 在 Javascript 不起作用的情况下为数字添加逗号
- 在 jQuery 不起作用的情况下迭代变量
- 类选择不起作用的 css 选择器
- D3.js不起作用的非常简单的教程示例