Javascript Angular JS——如何动态更改值参数<；输入类型='；按钮'；值=”；“开始”/&燃气轮机；用角Js？

我的要求是，当我单击开始按钮时，其中一个Div内容必须更改为

“进行中”

，并且

value=“start”

必须更改为

value=“Complete”

，现在当我单击“Complete按钮”时，Div内容必须更改为Completed，并且必须隐藏此完成按钮

我可以通过Jquery实现一些需求，但我想通过AngularJS实现它。首先，我应该知道如何读取angular 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>

18/5/2015
欧莱卡
Int-1
悬而未决的

使用ng click设置范围变量或启动控制器函数，该函数设置ng show监视的范围变量。ng show和ng hide负责显示/隐藏dom元素

$scope.buttonName  = 'start';

onload为按钮声明一个值，并在触发器中为

{{buttonName}}
$scope.buttonName  = 'tempName';

---

您根本不需要设置该值。ng模型处理它

---

添加

$scope.value

并在需要时替换value

谢谢勘误表，请提供示例代码。非常感谢您的帮助。我已经使用Jquery编写了一些功能，我对Angualr Js.$（文档）还不熟悉。准备（function（）{$（“#开始”）。单击（function（）{document.getElementById（“status”）.innerHTML=“In Progress”；document.getElementById（“start”）.innerHTML=“Complete”；document.getElementById（“拒绝”）.value=“中止”；$（“开始”）.attr（'id'，'complete'）；if（document.getElementById（“complete”）.value==“complete”）{document.getElementById（“status”）.innerHTML=“completed”；document.getElementById（“start”）.style.display='none'；}}}；$（“#拒绝”）。单击（函数（）{document document.getElementById（“status”）.innerHTML=“拒绝”；document.getElementById（“start”）.style.display='none'；}）;