Javascript 在angularjs中单击时切换按钮文本的值

尝试使用以下指令在单击时切换按钮文本的值：

   .directive('startstop', function() {
      return {
        restrict: 'E',
        template: '<input value="" class="btn btn-success btn-lg">',
        link: function(scope, elem, attrs) {
          elem.bind("click", function(){
            console.log('startstop clicked', elem)
            if(elem.val() == "start") {
               elem.val("stop");   
            }
            else {
               elem.val("start");
            }
          })
        }
      }
   });

.directive（'startstop'，function（）{
返回{
限制：'E'，
模板：“”，
链接：功能（范围、要素、属性）{
元素绑定（“单击”，函数（）{
console.log（'startstop单击'，elem）
if（elem.val（）=“开始”）{
元素值（“停止”）；
}
否则{
要素价值（“开始”）；
}
})
}
}
});

我能够检测到点击事件，当我直接在控制台中查看elem时，该值似乎正在被修改……但我看不到按钮更新的值。

---

我怎样才能做到这一点呢？

将

restrict:'E'

更改为

restrict:'A'

，您的代码工作得很好。 这是模板

<input type="button" startstop value="button"></input>

---

将

restrict:'E'

更改为

restrict:'A'

，您的代码工作得很好。 这是模板

<input type="button" startstop value="button"></input>

你能查一下下面的代码吗

模板代码：

<startstop></startstop>

指令代码：

directive('startstop', function() {
      return {
        restrict: 'E',
        replace:true,
        template: '<input type="button" value="" class="btn btn-success btn-lg">',
        link: function(scope, elem, attrs) {
          elem.bind("click", function(){
            console.log('startstop clicked', elem)
            if(elem.val() == "start") {
               elem.val("stop");   
            }
            else {
               elem.val("start");
            }

          })
        }
      }
   });

指令（'startstop'，函数（）{ 返回{ 限制：'E'， 替换：正确， 模板：“”， 链接：功能（范围、要素、属性）{ 元素绑定（“单击”，函数（）{ console.log（'startstop单击'，elem） if（elem.val（）=“开始”）{ 元素值（“停止”）； } 否则{ 要素价值（“开始”）； } }) } } });

你能查一下下面的代码吗

模板代码：

<startstop></startstop>

指令代码：

directive('startstop', function() {
      return {
        restrict: 'E',
        replace:true,
        template: '<input type="button" value="" class="btn btn-success btn-lg">',
        link: function(scope, elem, attrs) {
          elem.bind("click", function(){
            console.log('startstop clicked', elem)
            if(elem.val() == "start") {
               elem.val("stop");   
            }
            else {
               elem.val("start");
            }

          })
        }
      }
   });

指令（'startstop'，函数（）{ 返回{ 限制：'E'， 替换：正确， 模板：“”， 链接：功能（范围、要素、属性）{ 元素绑定（“单击”，函数（）{ console.log（'startstop单击'，elem） if（elem.val（）=“开始”）{ 元素值（“停止”）； } 否则{ 要素价值（“开始”）； } }) } } });