在视频AngularJS MTV Meetup:Best Practices( 2012/12/11 )中,Miško解释说"如果你使用ng-model,那里必须有一个点.如果你没有点,你就是这么做的错误.."
然而,Angular.JS网站上的第一个例子(The Basics)似乎与它相矛盾.是什么赋予了?自从MTV聚会以来Angular.JS有没有改变,现在它对ng-model更加宽容?
我有这条路线.
// index.html
<div ng-controller="mainCtrl">
<a href='#/one'>One</a>
<a href='#/two'>Two</a>
</div>?????????
<div ng-view></div>
Run Code Online (Sandbox Code Playgroud)
这就是我将部分加载到我的中的方法ng-view.
// app.js
?var App = angular.module('app', []);???????
App.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/one', {template: 'partials/one.html', controller: App.oneCtrl});
$routeProvider.when('/two', {template: 'partials/two.html', controller: App.twoCtrl});
}]);
Run Code Online (Sandbox Code Playgroud)
当我单击链接时,它会在ng-view中显示相应的标记.但是当我尝试包含partials/two.html内部partials/one.html使用时ng-include,它会正确显示它但会创建一个不同的范围,因此我无法与它进行交互.
// partials/two.html - markup
<div ng-controller="twoCtrl">I'm a heading of Two</div>
// partials/one.html - markup
<div ng-controller="oneCtrl">I'm a heading of One</div>
<div ng-include src="'partials/two.html'"></div>
Run Code Online (Sandbox Code Playgroud)
我该如何解决这个问题?或者还有其他方法可以达到相同的效果吗?
angularjs ×2