AngularJS-更改指令中的控制器模型

Question

有一个简单的角度示例http://codepen.io/snater/pen/mHsAt ，我想要的是跨度单击，控制器模型从指令更改，文本字段采用模型的值。 这可能吗？

Answer 1

我认为您使用了错误的语法来引用ngModel，并结合了Angular可能已经使用了ngModel的事实。 如果您更改用于存储文本的属性的名称，即txtVal ，并且在没有scope.情况下进行引用scope. 在模板中，您应该能够在单击跨度时更改输入的值。

像这样：

 <div ng-controller="ctrl">

<input change-model txt-val="change_me" />

<p>{{change_me}}</p>

并在js文件中：

app.directive "changeModel", ($compile) ->
  priotity: 0
  restrict: "A"
  scope:
     txtVal: '='
  link: (scope, element, attrs) -> 
     //Use txtVal instead of scope.txtVal here
     tpl = "<input ng-model='txtVal' /><span data-value='Write this to model' ng-click='clickHandle()'>Must paste text on click</span></span>"
    new_el = angular.element(tpl)
    scope.clickHandle = ->
       scope.txtVal = "some text" 

通过这些更改，单击范围将同时更新输入的值和<p>的内容