Условно добавьте атрибут в angular

Я хочу использовать $scope для установки, следует ли использовать атрибут или нет в angular. Вот моя область:

fields:
    [
        {
            label: 'First Name',
            name: 'firstname',
            key: 'entry.326845034',
            type: 'text',
            required: true
        }
    ]

это необходимый атрибут, который я хочу установить. Я представляю что-то вроде {{if fields.required == true | required}}, но я не могу найти на нем никакой документации.

Ответ 1

Вы хотите установить требуемый элемент формы следующим образом?

<input required>

Если вы можете использовать

<input ng-required="fields.required">

и истинное/ложное состояние переменной в конечном итоге приведет к удалению требуемого атрибута на входе.

Ответ 2

Используя "ng-attr", вы можете динамически добавлять атрибуты в свой HTML, если у вас есть angular 1.14 или более поздняя версия.

У меня есть таблица с двумя столбцами (ROLL NO и STUDENT NAME), мне нужно добавить атрибут (st-sort-default) в столбец "STUDENT NAME", чтобы указать пользователям, что таблица была отсортирована по тому же столбцу.

Я использовал свойство ng-attr

ng-attr-(attribute name required)="condition"

Если условие истинно, оно добавит указанное имя атрибута

например: -

(- контроллер -)

$scope.headers= [{key:'id',title:'ROLL NO'},{key:'name',title:'STUDENT NAME'}]

(- HTML -)

<th ng-repeat="col in headers" ng-attr-st-sort-default="{{col.key ==='name'}}"> {{col.title}} 
</th>