Question

使用jquery如何更新以下html的属性ng-click和Create to Update

<a class="btn pull-right btn-link" ng-click="create()" ng-class="{'btn-link-disabled':isSaveAndContinue,'btn-link':!isSaveAndContinue}">Create</a>

$(".btn .pull-right .btn-link").attr()

最终输出应为

<a class="btn pull-right btn-link" ng-click="update()" ng-class="{'btn-link-   disabled':isSaveAndContinue,'btn-link':!isSaveAndContinue}">Update</a>

Answer 1

为什么你想用JQuery做这样的事情？

一种简单的方法是创建这样的东西：

$scope.handleClick = function(){
   if(inUpdateMode){
      update();
   }
   else{
      create();
   }
}

$scope.getTitle = function(){
    return inUpdateMode ? "update" : "create";
}

<a class="btn pull-right btn-link" ng-click="handleClick()" ng-class="{'btn-link-disabled':isSaveAndContinue,'btn-link':!isSaveAndContinue}">{{getTitle()}}</a>

另一种方法是为此<a>创建一个指令第三种方法是使用ng-if或ng-show：

<a class="btn pull-right btn-link" ng-if="!inUpdateMode" ng-click="create(param)" ng-class="{'btn-link-disabled':isSaveAndContinue,'btn-link':!isSaveAndContinue}">create</a>

<a class="btn pull-right btn-link" ng-if="inUpdateMode" ng-click="update()" ng-class="{'btn-link-disabled':isSaveAndContinue,'btn-link':!isSaveAndContinue}">update</a>

Answer 2

您可以尝试这样的事情：

$(".btn.pull-right.btn-link") // you don't need the spaces in the selector
    .attr('ng-click','update()') // change the ng-click attribube
    .text('Update'); // change the text inside

Answer 3

$(".btn.pull-right.btn-link").attr('ng-click', 'update()').text('Update');

here is the working example

使用jquery更改属性值

3 个答案: