2016-02-18 3 views
3

У меня есть выражение AngularJS, заключенное в тег <a>. Выражение оценивает переменную allow.Можно ли установить значение по умолчанию в выражении AngularJS?

<a href="#" >{{allow}}</a> 

В случае allow не null или undefined Угловая показывает ничего. Вместо этого я хотел бы отобразить строку по умолчанию.


Чтобы лучше понять, этого я и добился.

enter image description here

Модальное на праве генерируется из формы слева. Если пользователь не вводил текст для «Разрешить текст кнопки» и «Запретить текст кнопки», я хочу отобразить ALLOW и DON'T ALLOW соответственно.

Вот мой код:

<div id="test2" class="row" ng-app="">  
    <label for="title">Title</label> 
    <input type="text" name="title" ng-model="title" placeholder="https:/your website.com/wants to:"> 

    <label for="title">Allow Button Text</label> 
    <input type="text" ng-model="allow" placeholder="ALLOW"> 

    <label for="title">Disallow Button Text</label> 
    <input type="text" ng-model="disallow" placeholder="DONT ALLOW">  

    <p>{{title}}</p> 
    <a href="" >{{disallow}}</a> 
    <a href="" >{{allow}}</a> 
+1

Что вы подразумеваете под «заполнитель» в этом контекст? Покажите пример того, что вы имеете в виду. –

ответ

7

Если по заполнителю вы имеете в виду значения по умолчанию, пока allow не указан, то это довольно легко:

<a href="#">{{ allow || 'Click me' }}</a> 
+1

Не должно быть '{{allow || 'Click me'}} '? Единственный канал '|' вводит фильтр в угловом. – Gpx

+2

thnks @Gpx, это то, что я хочу сделать. –

+1

@Gpx спасибо, конечно – dfsq

0

К сожалению, мой друг, но атрибут заполнителя не для якорный тэг. Он предназначен для полей ввода.

сообщите нам, чего именно вы хотите достичь, и мы можем предложить альтернативный подход.

Как было предложено @dfsq, если вы имеете в виду замещающий текст как текст, чтобы показать, когда allow не определен, то вы можете поместить текст по умолчанию, как это:

{{allow | 'placeholder text'}} 

 Смежные вопросы

  • Нет связанных вопросов^_^