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

Javascript 在嵌套Angularjs控制器中使用ng模型,javascript,angularjs,angularjs-scope,prototypal-inheritance,angular-ngmodel,Javascript,Angularjs,Angularjs Scope,Prototypal Inheritance,Angular Ngmodel,我在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'&g

我在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}}//显示此范围值
data.Name
值显示在html页面中,但不绑定到Name ng model。
如何将此值绑定到内部ng模型

在这种情况下,您应该遵循点规则,这样您就可以使用访问子范围内的父范围。为了使用这种方法,您需要在父控制器中声明一个对象,就像这里一样,它应该在
outController
中声明,然后内部控制器将不会创建新的对象,它将使用
原型继承使用现有的对象

标记

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

在这种情况下,您应该遵循点规则,这样将允许您使用访问子范围内的父范围。为了使用这种方法,您需要在父控制器中声明一个对象,就像这里一样,它应该在
outController
中声明,然后内部控制器将不会创建新的对象,它将使用
原型继承使用现有的对象

标记

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

请参阅@Grundy PROTOTYPE inheretance可以帮助他将相同的内容更改模型实现为数据。Namesee@Grundy PROTOTYPE inheretance可以帮助他将相同的内容更改模型实现为数据。NAMESI在外部控制器中使用并处理名称ng模型。@hadi您所说的和您所写的之间存在矛盾问题..@hadi很高兴帮助您..谢谢:)我在外部控制器中使用并处理名称ng模型。@hadi您所说的和您所写的之间存在矛盾..@hadi很高兴帮助您..谢谢:)