代码之家 › 专栏 › 技术社区 › Hadi Jeddizahed

在嵌套Angularjs控制器中使用ng模型

angular-ngmodel prototypal-inheritance angularjs-scope angularjs javascript

Hadi Jeddizahed · 技术社区 · 9 年前

我在angularjs中有两个嵌套的控制器,并希望在内部控制器中使用来自外部的ng模型。假设这样

<div ng-controller='outController'>
    // data.Name : from outer controller
    <div ng-controller='innerController'>
         <input type="text" ng-model='name' ng-init='name=data.Name'>
         {{data.Name}} // display this scope value
    </div>
 </div>

data.Name 值显示在html页面中,但不绑定到名称ng模型。如何将该值绑定到内部ng模型?

1 回复 | 直到 9 年前

Community Egal 7 年前

在这种情况下,您应该遵循点规则,这样您就可以使用 prototypal inheritance 。要使用此方法,您需要在父控制器中声明一个对象,如这里所示,它应该在 outController 那么内部控制器将不会创建新的控制器,它将使用 prototypal inheritance

加成

<div ng-controller='outController'>
    // data.Name : from outer controller
  <div ng-controller='innerController'>
        <input type="text" ng-model='data.Name'>
  </div>
</div>

密码

app.controller('outController', function($scope){
   $scope.data = {};

   //..other code here ..//

})

推荐文章

Junaid Farooq · 无法使用AngularJs在数字“1”上创建属性“subjects”

6 年前

bomberjackets · AngularJS服务/工厂动态$从$范围变量编译HTML

6 年前

Ashlin K Siby · $范围$apply()不工作-AngularJs

6 年前

Ege Bayrak · 对象在数组中更改,但在页面上保持不变

6 年前

NeverGiveUp161 · AngularJs将模型值+模型名称传递给控制器中的函数

6 年前

Sai Manoj · 如何将算术和二进制运算转换为它们所需的符号和值

6 年前

Nick · AngularJS作用域问题与$http

6 年前

Smit Patel · 获取最后一个内部ng重复索引

6 年前

S.Negi · 如何使用angularjs指令中的内置服务?

6 年前

Chris Wickham · Angular JS双向绑定变量不更新父范围

6 年前