3

<a>我有一个封装在标签中的 AngularJS 表达式。该表达式正在评估一个allow变量。

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

如果allow是null或undefinedAngular 什么都不会显示。相反，我想显示一个默认字符串。

为了让您更好地理解，这就是我想要实现的目标。

在此处输入图像描述

右侧的模态是从左侧的表单生成的。如果用户没有为“允许按钮文本”和“禁止按钮文本”输入任何文本，我想分别显示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>
4

2 回答 2

10

如果通过占位符表示默认值 untilallow被指定，那么这很容易：

<a href="#">{{ allow || 'Click me' }}</a>
于 2016-02-18T07:33:30.620 回答
0

对不起，我的朋友，但占位符属性不适用于锚标记。它用于输入字段。

让我们知道您到底想用这个实现什么，我们可以建议一些替代方法。

正如@dfsq 所建议的那样，如果您的意思是占位符文本作为allow未定义时显示的文本，那么您可以像这样放置默认文本：

{{allow | 'placeholder text'}}
于 2016-02-18T07:33:55.670 回答