如何在angularjs ui

我创建了工作的插件，展示了如何使用

$scope

状态定义未更改：

$stateProvider    // States .state("main", {      controller:'mainController',      url:"/main",      templateUrl: "main_init.html"  })    .state("main.1", {      controller:'mainController',      parent: 'main',      url:"/1",      templateUrl: 'form_1.html'  })    .state("main.2", {      controller:'mainController',      parent: 'main',      url: "/2",      templateUrl: 'form_2.html'  })

但是每个状态可以有不同的控制器。为什么？因为每个

view

new

controller

mainController

'main.2'

controller('mainController', function ($scope) {  $scope.Model = $scope.Model || {Name : "xxx"};})

但是我们在这里可以看到的是，我们检查是否

$scope.Model

{Name : "xxx"}

好吧，我要说的是：只有父国家才能初始化

$scope.Model

States-%26-Nested-Views#scope-inheritance-by-view-hierarchy-only)

请记住，如果状态的视图是嵌套的，则范围属性仅沿状态链继承。范围属性的继承与状态的嵌套无关，而与视图（模板）的嵌套无关。

完全有可能存在嵌套状态，这些状态的模板会在站点内各个非嵌套位置填充ui视图。在这种情况下，您不能期望在子状态的视图中访问父状态视图的范围变量。

因此，如文档中所述。因为我们的子视图嵌套在父视图中，所以继承了作用域。

在AngularJS中，子作用域通常在原型上从其父作用域继承。
…

有一个 ‘。’ 在您的模型中，将确保原型继承在起作用。

// So, use<input type="text" ng-model="someObj.prop1"> // rather than<input type="text" ng-model="prop1">.

就是这样。我们从

UI-Router

Model

'.'

ng-model

注意：点号为“。” 在

ng-model="Model.PropertyName

reference

Model{}

PropertyName

在这里检查工作示例