为了清理我的部分内容,我最近将一些全局菜单移到了单独的模板中,现在我将这些模板包含在需要它们的视图中。由于菜单(包括搜索栏)是全局的,我创建了一个服务来跟踪菜单的状态等。
问题是在我开始包含之后发生了一些有趣的事情。
视图的 HTML (Jade)
div(ng-controller='HeroUnitCtrl', ng-include src='heroTemplate')
div(ng-controller='MainSearchBarCtrl', ng-include src='searchBarTemplate')
div.row-fluid
div.span12
table.table.table-striped.table-bordered
tr
th
a(ng-click='setOrder("id")') ID#
th
a(ng-click='setOrder("client.name")') Kunde
th
a(ng-click='setOrder("technician.name")') Tekniker
th
a(ng-click='setOrder("createdAt")') Opprettet
th
a(ng-click='setOrder("statusString")') Status
tr(ng-repeat='record in records | orderBy:orderProp | filter:searchBar')
td
a(ng-href='#/records/show/{{record.id}}') {{record.id}}
td {{record.client.name}}
td {{record.technician.name}}
td {{record.createdAt}}
td {{record.statusString}}
HTML (Jade) 搜索栏模板
input#searchField.input-xxlarge(type='text', placeholder='placeholder', ng-change='searchBarUpdated()', ng-model='searchBar')
到现在有点看不懂了
MainSearchBarCtrl
function MainSearchBarCtrl(MainSearchBarService, $scope, $location) {
$scope.searchBarTemplate = 'partials/main-searchbar';
$scope.searchBar = 'Hello World!';
$scope.searchBarUpdated = function() {
console.log('Search bar update: ' + $scope.searchBar);
MainSearchBarService.searchBarUpdated($scope.searchBar);
}
}
最初,searchBar的值与预期的一样是“Hello World”。但是,如果我附加任何文本,它仍然只打印“Hello World”。或者,如果我替换它打印未定义的文本。所以看起来绑定被打破了,但我真的不明白为什么会这样。值得一提的是,在我将搜索栏移到单独的模板中之前,情况并非如此。
任何帮助是极大的赞赏。