Question

我在Ionic Project中使用ui-router AngularJS。我有一个抽象的状态，我通过<ion-nav-view>标记嵌套我的孩子的模板。问题是我可以在抽象状态的模板中显示一些默认数据，这些数据将显示给所有孩子的模板吗？如果没有那么为什么。我试过这个简单的例子

<ion-view view-title="MyView">
  <div>
   <h1>Welcome</h1>
  </div>
  <ion-nav-view name="ChildContent"></ion-nav-view>
</ion-view>

但是未显示消息Welcome。 div的空间在那里，但没有显示任何内容。

Answer 1

我想我找到了解决方案。我在所有子模板中不重复相同信息的结果是使用自己的模板创建自定义指令，并在每个子模板中包含此指令。所以，我们只有一个地方可以操纵。这是＆＃34;模板扩展指令＆＃34;在Angular文档中。可在此链接中找到更多信息：enter link description here。希望它能帮助别人:)。

Answer 2

您可以为抽象状态定义控制器，并且可以在各种其他视图中显示setear默认值。您也可以在函数

中执行此操作

.state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html',
    controller: 'AppCtrl'
})

.controller('AppCtrl', function($scope){
    $scope.title = "Test title";
})

OR

angular.module('started.controllers', [])

.run(function($window, $rootScope) {
    $rootScope.title = "Test title";
});

<ion-view view-title="{{title}}">
   <div>
     <h1>Welcome</h1>
  </div>
  <ion-nav-view name="ChildContent"></ion-nav-view>
</ion-view>

与模板的抽象状态在离子

2 个答案: