javascript - Angular JS 从 span 中检索值

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>

控制器

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

然后你可以使用var myResult = $scope.result. 这是一个小提琴。但只是为了更多的上下文，ngModel通常不用于绑定到非输入。从文档（强调我的）：

ngModel 指令使用 NgModelController 将输入、选择、文本区域（或自定义表单控件）绑定到范围上的属性，该属性由该指令创建和公开。

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