Javascript 在AngularJs中动态更改按钮文本_Javascript_Html_Angularjs_Scope_Angularjs Ng Disabled

Javascript 在AngularJs中动态更改按钮文本

javascript html angularjs

Javascript 在AngularJs中动态更改按钮文本,javascript,html,angularjs,scope,angularjs-ng-disabled,Javascript,Html,Angularjs,Scope,Angularjs Ng Disabled,我正在使用AngularJS、CSS和HTML 以下是我想做的：按钮将根据特定函数的输出被禁用isPublished（）。我需要按钮上方的悬停文本，就像当按钮被禁用时，悬停文本可以是“我被禁用”，当它未被禁用时，悬停文本可以是“我未被禁用” 代码： $（函数（）{ $（“.btn-btn-primary:ng已禁用”）.wrap（函数（）{ 返回“”； }); }); 使用上面的代码，我在按钮上获得悬停文本（禁用和未禁用时）。但问题是文本是相同的=Im未被禁用。我需要两个不同的文本。我还尝

我正在使用AngularJS、CSS和HTML

以下是我想做的：按钮将根据特定函数的输出被禁用

isPublished（）

。我需要按钮上方的悬停文本，就像当按钮被禁用时，悬停文本可以是“

我被禁用

”，当它未被禁用时，悬停文本可以是“

我未被禁用

”

代码：


$（函数（）{
$（“.btn-btn-primary:ng已禁用”）.wrap（函数（）{
返回“”；
});
});

使用上面的代码，我在按钮上获得悬停文本（禁用和未禁用时）。但问题是文本是相同的=

Im未被禁用

。我需要两个不同的文本。我还尝试了ng mouseover，但由于某些原因，它不起作用，所以我使用了title属性

有人能帮我解决这个问题吗？感谢您的帮助！

谢谢

您似乎希望动态地或在某些操作上更改标题（悬停标题），这可以通过将标题属性指定为

ng attr title=“{{message}}”

您可以在

ngDisabled

功能中更改标题

$scope.isPublished = function(){
   $scope.message = "I'm disalbed";
}

var-app=angular.module（'myApp'，[]）；
函数ctrl（$scope）{
$scope.message=“旧标题”；
$scope.changeTitle=函数（）{
$scope.message=“新标题”；
};
}


盘旋我



{{message}}
更改悬停标题

您可以尝试这样的方法

<body ng-app="app" ng-controller="ctr">
       <button type="button" class="btn btn-primary" ng-click="disable = !disable;changeTitle();">Click</button>
       <input title="{{title}}" type="button" class="btn btn-primary" value="Publish"  ng-disabled="disable"/>
      <script>
        angular.module('app',[]).controller('ctr',function($scope){
          $scope.changeTitle = function(){
            $scope.title = $scope.disable ? 'I m disabled' : 'I m not disabled';
          }
        })
      </script>
  </body>


点击
角度。模块（'app'，[]）。控制器（'ctr'，函数（$scope）{
$scope.changeTitle=函数（）{
$scope.title=$scope.disable？'I m disabled'：'I m not disabled'；
}
})

查看工作情况。

$scope.message在isPublished（）函数中工作得很好！谢谢@NikhilHegde很高兴看到它帮助了你：）

<body ng-app="app" ng-controller="ctr">
       <button type="button" class="btn btn-primary" ng-click="disable = !disable;changeTitle();">Click</button>
       <input title="{{title}}" type="button" class="btn btn-primary" value="Publish"  ng-disabled="disable"/>
      <script>
        angular.module('app',[]).controller('ctr',function($scope){
          $scope.changeTitle = function(){
            $scope.title = $scope.disable ? 'I m disabled' : 'I m not disabled';
          }
        })
      </script>
  </body>