AngularJs - 如何檢查變量中的indexOf？

Question

我有這樣的HTML代碼，如果「modalOptions.actionButtonText」包含「刪除」，然後我需要顯示的危險按鈕，而不是主要按鈕

HTML代碼：

<button class="btn btn-primary" data-ng-click="modalOptions.ok();">{{modalOptions.actionButtonText}}</button> 

我知道我們可以用「 ng-if「檢查條件，但有什麼辦法可以在angularjs或其他東西中使用indexOf來實現這一點？

Answer 1

看起來很髒，但它的工作原理。

See working demo

<button class="btn" 
    data-ng-class="{'btn-primary': modalOptions.actionButtonText.indexOf('delete') == -1, 
        'btn-danger': modalOptions.actionButtonText.indexOf('delete') > -1}" 
    data-ng-click="modalOptions.ok();">{{modalOptions.actionButtonText}}</button> 

的ngClass directive讓你添加/刪除基於布爾表達式類。因此，在這裏，如果在按鈕文本中找不到「刪除」，並且如果它是btn-danger，我將添加btn-primary。

Answer 2

我想類似的東西，但在速記寫的：

<li ng-class="haystack.indexOf('needle') != -1 ? 'active' : 'inactive'">