更改按鈕文本時狀態爲已批准表

我綁定在angularjs採用NG-重複這裏的桌子是我的表更改按鈕文本時狀態爲已批准表

<table class="table table-bordered table-hover"> 
    <thead> 
    <tr> 
     <th> 
     Sr. no. 
     </th> 

     <th> 
     Title 
     </th> 

     <th> 
     Image 
     </th> 
     <th> 
     Category 
     </th> 
     <th> 
     PostedOn 
     </th> 
     <th> 
     Created By 
     </th> 
     <th> 
     Status 
     </th> 
     <th> 
     Change Status 
     </th> 

    </tr> 

    </thead> 
    <tbody> 
    <tr ng-repeat="obj in PostedBlogList | filter:searchText" ng-show="PostedBlogList.length"> 
     <td>{{$index+1}}</td> 
     <td><a ng-href="{{'//'+obj.PageUrl }}">{{obj.Title}}</a></td> 
     <td> 
     <img style="width:90px" ng-show="obj.Image" src="{{obj.Image}}"> 
     <img style="width:90px" ng-show="!obj.Image" src="/images/mail.png"> 
     </td> 
     <td> 
     {{obj.CategoryName}} 
     </td> 

     <td> 
     {{obj.CreatedDate}} 
     </td> 
     <td> 
     {{obj.FirstName}}({{obj.UserType}}) 
     </td> 
     <td> 
     {{obj.IsActive ? 'Approved ' : 'Pending'}} 
     </td> 
     <td> 

     <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-bind="btnactivate" type="submit" value="Activate"></button> 
     </td> 
    </tr> 
    <tr ng-show="PostedBlogList.length==0"> 

    </tr> 
    </tbody> 
</table>

在倒數第二個TD我設置認可的價值和懸而未決。

{{obj.IsActive ? 'Approved ' : 'Pending'}}

下面TD有一個按鈕

<td> 
    <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" type="submit" value="Activate"></button> 
</td>

上它具有如何設置按鈕上的文字「滅活」的時候我的狀態在angularjs被批准的activate文本？

來源

2016-12-16 Gaurav_0093

確保你在你的問題 –

'值=「{{obj.IsActive‘激活’格式化代碼：‘停用’ }}「' – Satpal

與你設置{{obj.IsActive？ 'Approved'：'Pending'}} – Deep

使用ng-value屬性，而不是值屬性的按鈕元素。這是專門爲Angularjs設置輸入元素的值。

<td> 
    <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-bind="btnactivate" type="submit" ng-value="obj.IsActive ? 'Activate' : 'Inactivate'"></button> 
</td>

否則使用ng-if

的ngIf指令刪除或重新創建基於一個{表達式} DOM樹的一部分。如果分配給ngIf的表達式將評估爲false值，則將該元素從DOM中移除，否則將該元素的一個克隆重新插入到DOM中。

<td ng-if=obj.IsActive> 
    <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-bind="btnactivate" type="submit" value="Activate"></button> 
</td> 

<td ng-if=!obj.IsActive> 
    <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-bind="btnactivate" type="submit" value="Inactivate"></button> 
</td>

來源

2016-12-16 11:29:33

text is not changing sir –

我已經應用了兩個解決方案 –

@ Gaurav_0093 - 我用ng值更新了答案請檢查 –

您可以使用字符串插值同樣的方式

<button ng-click="ToActiveBlog(obj.Id)">{{obj.IsActive ? 'inactivate' : 'Activate'}}</button>

來源

2016-12-16 11:27:16 Satpal

「取消激活」而不是「取消激活」以符合要求？ –

請嘗試以下，我認爲它應該工作。因爲我不具有的訪問後發表評論，因此即時發佈它作爲一個答案

<td> 
    <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" type="submit" value={{obj.IsActive ? 'Approved ' : 'Pending'}}> 
    </button> 
    </td>

來源

2016-12-16 11:55:59

更改按鈕文本時狀態爲已批准表

回答

相關問題