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>

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>