考虑一下AngularJS教程中的代码片段:
<div ng-app="phonecatApp">
<div ng-controller="PhoneListCtrl">
<ul>
<li ng-repeat="phone in phones">
{{phone.name}}
<p>{{phone.snippet}}</p>
</li>
</ul>
</div>
</div>
<script>
var phonecatApp = angular.module('phonecatApp', []);
phonecatApp.controller('PhoneListCtrl', function ($scope) {
$scope.phones = [
{'name': 'Nexus S',
'snippet': 'Fast just got faster with Nexus S.'},
{'name': 'Motorola XOOM™ with Wi-Fi',
'snippet': 'The Next, Next Generation tablet.'},
{'name': 'MOTOROLA XOOM™',
'snippet': 'The Next, Next Generation tablet.'}
];
});
</script>
如果我将此代码粘贴到body
和html
文档中(当然是使用AngularJS)并加载页面,则表达式会正确评估。
但是,如果我将上面的代码放入一个单独的文件中并使用AJAX动态加载它然后将其插入body
标记,表达式就不会评估。
如果我通过AJAX加载上面的代码,如何评估表达式?