Angularjs 在Angular 1.5中如何使用指令？

我有自定义指令，并在模板中使用它：

<input check-value-type>

如何按如下条件使用此指令：

<input @if(model.value) check-value-type @end />

或者做一些事情：

@if(cond)
<input check-value-type />
@else
<input/>
@endif

---

Angular 1.x提供ngIf，一个有条件地运行/编译标记的指令

文件：

这允许您根据计算结果为布尔值的条件有条件地呈现页面上的标记。就你而言：

或者，如果作用域中有一个返回布尔值的函数checkValueparam：

次要附录：

---

Angular还提供了ngShow/ngHide，它将不显示元素，但仍将生成其代码。如果您计划切换可见性或需要其代码仍能执行，这是可取的。

您可以尝试以下操作：

<input ng-if="typeOf model.Value !== 'number'" check-value-type />
<input ng-if="typeOf model.Value === 'number'" />

---

这将根据您的情况仅呈现一个输入，尽管看起来有两个输入。

在类型脚本文件中，您可以设置loggedIn=true或false，并基于此布尔值，我们可以操作DOM

<ul  *ngIf="loggedIn">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

<ul  *ngIf="!loggedIn">
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

同样在angular4，如果还有其他的话，我们也可以

<div *ngIf="loggedIn; else list_two">
 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
 </ul>
</div>

<ng-template #list_two>
 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
 </ul>
</ng-template>

或者如果是别的

<div *ngIf="loggedIn;then list_one else list_two"></div>

<ng-template #list_one>
 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
 </ul>
</ng-template>
<ng-template #list_two>
 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
 </ul>
</ng-template>

---

如果指令有模型，为什么要设置它？这应该通过链接函数i iterate object in ng repeat进行管理，迭代项的类型不同。如果它是整数，我不需要使用指令，这会显示额外的输入请不要在angularjs相关问题中使用angularjs标记我使用1.5版本angular JSI也可以将参数作为指令，但当我尝试访问此参数时，它会在指令中返回undefined:var type=attrs.typeElement；输入是自定义指令吗？我不知道typeElement属性传递给什么代码。

<div *ngIf="loggedIn; else list_two">
 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
 </ul>
</div>

<ng-template #list_two>
 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
 </ul>
</ng-template>

<div *ngIf="loggedIn;then list_one else list_two"></div>

<ng-template #list_one>
 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
 </ul>
</ng-template>
<ng-template #list_two>
 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
 </ul>
</ng-template>