Question

我想获得在控制器中添加两个文本框值的结果

  <div ng-app="">

        <p>First Number:
            <input type="text" ng-model="a" />
        </p>
        <p>Second Number:
            <input type="text" ng-model="b" />
        </p>
      <p>Second Number:
            <input type="text" ng-model="a+b" />
        </p>
</div>

我将获得增值，但如果我使用模型中的表达式如何进入控制器

我得到的错误是ngModelSet不是函数

一旦用户在两个文本框中输入值，添加两个文本框的结果应该显示在第三个文本框中，并且有一个提交按钮，该值为控制器提供了如何操作请帮助

Answer 1

使用ng-change="my_operation()"。

不要将js说明放在＆nbsp;更改＆＃39;因为$ scope可能是控制器的子级，你会遇到显示问题。

像这样编写函数my_operation：

$scope.my_operation = function() {
  $scope.c = $scope.a + $scope.b;
};

<input type="text" ng-model="my_operation()" value="{{ c }}" />

Answer 2

您需要在<input type="text" ng-model="a+b" />指令中指定变量，而不是表达式。

所以，这是无效的：c = a + b

而是在某处做ng-model="c"并设置(?:Wohnfläche|Wohnfl|Wfl)\s*(\d{1,3}(?:[.,]\d{1,2})?)\s?m\s?(qm|m\u00B2)|(\d{1,3}(?:[.,]\d{1,2})?)\s?m\s?(qm|m\u00B2)\s*(?:Wohnfläche|Wohnfl|Wfl)。

Answer 3

    <p>First Number:
        <input type="text" ng-model="a" />
    </p>
    <p>Second Number:
        <input type="text" ng-model="b" />
    </p>
    <p>Answer:{{a+b}}</p>

    <div class="btn" ng-click=submitFnc(a+b) ng-disabled="!a||!b">Submit</div>

中的函数

$scope.submitFnc = function(ans) {
  $scope.ans = ans;
};

Pierre Emmanuel Lallemant之前的回答也是正确的

但是你在描述中的要求略有不同，试试这个。

Answer 4

试试这个

<div ng-app="">
        <p>First Number:</p>
            <input type="text" ng-model="a" />
        <p>Second Number: </p>
            <input type="text" ng-model="b" />
        <p>Final:</p>
            <input type="text" value="{{ ans }}" />
            <p>{{ans}}</p>
         <button ng-click="finalResult()" class="btn-style">
</div>

在控制器中

$scope.finalResult = function() {
  $scope.ans = $scope.a + $scope.b;
};

如何获得在angualrjs控制器中添加两个文本框的值的结果

4 个答案: