Javascript Angularjs:ng模型不可访问

Javascript Angularjs:ng模型不可访问,javascript,angularjs,Javascript,Angularjs,我在angularjs中使用ng模板 <script type="text/ng-template" id="ng-wig/views/ng-wig.html"> <div class="ng-wig"> ........ </div> <script> ........ 我有一个使用这个ng模板的文本区域 <textarea ng-wig="content" ng-model="contents"></textarea&g

我在angularjs中使用ng模板

<script type="text/ng-template" id="ng-wig/views/ng-wig.html">
<div class="ng-wig">
........
</div>
<script>

........
我有一个使用这个ng模板的文本区域

<textarea ng-wig="content" ng-model="contents"></textarea>

但无法在控制器内访问此ng模型。
请提供帮助。

当您在
ng include
中加载textarea模板时,如果查看
ng include
指令,您将看到它确实从父范围创建了一个新范围

如果您使用在controller中声明的任何范围变量,则无法在include div中访问。为了在
ng include
中访问控制器变量,您必须将其声明为
对象
,如
$scope.model={}
,然后您应该在其中声明属性。如
ng mode=“model.contents”

标记

<textarea ng-wig="model.content" ng-model="model.contents"></textarea>
<div ng-controller="myCtrl as vm">
   <div ng-include="'ng-wig/views/ng-wig.html'"></div>
</div>
在这里你可以找到


除上述方法外,还有几种方法可以解决此问题

另一种方法是,您可以使用控制器作为您可以避免的方法。在这种情况下,您需要在控制器内使用
this
,并在html上显示变量时使用控制器别名,如
vm.contents

Makrup

<textarea ng-wig="model.content" ng-model="model.contents"></textarea>
<div ng-controller="myCtrl as vm">
   <div ng-include="'ng-wig/views/ng-wig.html'"></div>
</div>
注意

不要使用这种方法,使用第一种更可取的方法


确切的代码是什么,请不要发布,请仔细解释。你的答案是什么?@NishamMahsin当然可以。。给我一些minutes@NishamMahsin查看我的编辑..这会对您有所帮助..谢谢:)谢谢。现在我可以从父控制器访问vm.contents吗?@NishamMahsin是的,您可以..无论如何,它不是父控制器,您应该将其称为父范围。。我希望您使用第一种方法,即使用原型继承
<textarea ng-wig="$parent.content" ng-model="$parent.contents"></textarea>