Question

我正在尝试组合输入文本的3个输入并将数据绑定到另一个输入文本。

<input type="text" class="textbox" name="country" id="loc_country" value="Gershon" ng-model="location.country"/>
<input type="text" class="textbox" name="city" id="loc_city" ng-model="location.city"/>
<input type="text" class="textbox" name="street" id="loc_street" autocomplete="off" ng-model="location.street"/>
<input type="text" class="textbox" name="result" id="result"/>

这里前三个输入需要通过绑定自动添加到4输入

Answer 1

您应该设置文本框的value HTML属性。你可以这样内联：

<input type="text" class="textbox" name="result" id="result" value="{{location.street + ' ' + location.city + ' ' + location.country}}"/>

或者您可以使用计算属性。这是一个例子：

HTML：

<div ng-app>
  <div ng-controller="SomeCtrl">
      <input ng-model="textProperty"/>
      <input value="{{getCalculatedText()}}"/>             
  </div>
</div>

JS：

function SomeCtrl($scope) {
  $scope.textProperty = "some text";
  $scope.getCalculatedText = function() {
    return $scope.textProperty+ " is now calculated";};
  }

Answer 2

请在此处查看我的示例答案：https://jsfiddle.net/em0ney/bc3chrog/2/

function ExampleController($scope) {
    $scope.location = {country: 'Australia', city: 'Sydney', street: 'Pitt St'};
    $scope.concatLocationComponents = function() {
        return $scope.location.street + ' ' + $scope.location.city + ', ' + $scope.location.country;
    };
}

祝你好运格式化结果。

谢谢，埃利奥特

如何使用angularjs

2 个答案: