如何在角度JS中绘制元素后更改绑定

时间:2016-10-13 09:46:35

标签: javascript angularjs

我想在屏幕上绘制元素后更改元素的绑定。 场景:当输入元素第一次呈现时,它将绑定到模型变量。但是现在用户在其他下拉列表中选择了一些选项,并且根据相同的情况,我现在必须显示一些不同的值但不要触摸现有的模型值。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你可以绑定到变量中的属性,如:

<input type="text" ng-model="variables[activeVariable]">

添加按钮以更改目标变量

<div  ng-click="selectVar()">change target var</div>

在你的控制器中绑定变量

$scope.activeVariable = ''
$scope.variables = {
   var1:'test 1', 
   var2:'test 2'
}
$scope.selectVar = () => $scope.activeVariable = $scope.activeVariable == 'var1' ? 'var2' : 'var1' 

当您更改目标变量时,它会观察它并在用户输入上正确更改