Angular JS - 如何在角度Js中动态更改值参数<input type =“button”value =“start”/>?

时间:2015-05-19 04:29:55

标签: javascript jquery html angularjs

我的要求是当我点击开始按钮时,其中一个Div内容必须更改为"in Progress",而value="start"必须更改为value="Complete",现在当我点击“完整按钮时“div内容必须更改为已完成,并且必须隐藏此完整按钮。

我可以通过Jquery实现一些要求,但我想通过Angular JS实现它。首先,我应该知道如何在角度Js的控制器中读取按钮value="start"。以下是我的代码。

<div class="row" style="margin:0% 20% 2% 10%;">
    <div class="col-lg-2 col-sm-12 text-center">
                 18/5/2015
            </div>
    <div class="col-lg-2 col-sm-12 text-center">
             eureQa 
            </div>
    <div class="col-lg-2 col-sm-12 text-center">
               Int-1
            </div>

    <div class="col-lg-2 col-sm-12 text-center" id="status">
               Pending
            </div>
             <div class="col-lg-2 col-sm-12 text-center">
                <a href="#" style='color:blue;'><input type="button" value="Start" id="start"></a>
            </div>
    <div class="col-lg-1 col-sm-12 text-center" >
                <a href="#" style='color:blue;'><input type="button" value="Reject" id="reject"></a>
            </div>
</div>

3 个答案:

答案 0 :(得分:0)

使用ng-click设置范围变量或触发控制器功能,该功能设置由ng-show监视的范围变量。 ng-show和ng-hide负责显示/隐藏dom元素。

答案 1 :(得分:0)

$scope.buttonName  = 'start';

onload声明按钮的值和

的触发器更改值
{{buttonName}}
$scope.buttonName  = 'tempName';

答案 2 :(得分:0)

您根本不需要设置值。 ng-model负责处理它,

添加$scope.value并在需要时替换值