javascript - Angular JS 从跨度中检索值

Question

我可以从多个输入值创建一个漂亮的字符串:

<input ng-model="first">
<input ng-model="second">
<span ng-model="result">{{first}} and {{second}}</span>

我现在如何从 JS 中检索结果字符串？理想情况下是这样的

var myResult = $scope.result

但我想我遗漏了一些东西......

Answer 1

我建议做一些更像这样的事情:

查看

<input ng-model="first">
<input ng-model="second">
<span>{{result}}</span>

Controller

$scope.$watchCollection("[first,second]", function(newVals){
  $scope.result = newVals[0] + " and " + newVals[1];
});

然后你可以使用var myResult = $scope.result。这是一个 fiddle .但只是为了更多的上下文，ngModel 通常不用于绑定(bind)到非输入。来自docs (强调我的):

The ngModel directive binds an input,select, textarea (or custom form control) to a property on the scope using NgModelController, which is created and exposed by this directive.

因此，根据最终用例，您可能想要创建自己的指令，但您可能还想问问自己，您尝试做的事情是否有必要，或者是否有更好的方法来实现它。