AngularJS 使用技巧
angularjs基础使用
<!doctype html>
<html ng-app="mod">
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body ng-controller="ctrl_1">
<ul>
<li ng-repeat="x in data" ng-bind="x"></li>
</ul>
<script>
var module=angular.module('mod', []);
module.controller('ctrl_1', function($scope, $http) {
$scope.data=[1,2,3]
})
</script>
</body>
</html>
ng-click()事件传入当前对象方法：
<a href data="1" ng-click="fn($event)">1</a>
$scope.catTab=function(e){
alert(e.target.innerHTML) //e.target
}
解决angularJS的花括号与后端程序冲突解决办法：
var module=angular.module('DIY', []);
module.config(['$interpolateProvider', function($interpolateProvider) {
$interpolateProvider.startSymbol('[[');
$interpolateProvider.endSymbol(']]');
}]);
解决网速不好时候显示angularJS的花括号代码问题
<div>
Hello, {{user.name}}
</div>
上面代码改为如下代码
<div>
Hello, <span ng-bind="user.name"></span>
</div>
转载请注明来源：前端老徐的博客
《AngularJS 使用技巧》
发表评论