Javascript 具有多个选项的角度指令

我刚刚创建了一个plunkr示例

我的问题是，为什么我的playerHtml指令没有得到任何输出

我的播放器指令是这样的

app.directive('playerHtml', function() {
  return {
    restrict: 'A',
    scope: {
      player: '=',
      bold: '=',
      wintype: '='
    },
    templateUrl: 'player.html'
  }
});

模板呢

<span ng-if="bold == 1" class="playername winner">{{ player.name }} - {{ player.email }} - {{ wintype }}</span>
<span ng-if="bold == 2" class="playername loser">{{ player.name }} - {{ player.email }} - {{ wintype }}</span>

{{player.name}-{{player.email}-{{wintype}
{{player.name}-{{player.email}-{{wintype}

以及对指令的调用

<span ng-if="game.winner == 1" player-html player="{{ game.player1 }}" bold="1" wintype="{{ game.wintype }}"></span>
<span ng-if="game.winner != 1" player-html player="{{ game.player1 }}" bold="0" wintype="{{ game.wintype }}"></span>

<span ng-if="game.winner == 2" player-html player="{{ game.player2 }}" bold="1" wintype="{{ game.wintype }}"></span>
<span ng-if="game.winner != 2" player-html player="{{ game.player2 }}" bold="0" wintype="{{ game.wintype }}"></span>

---

使用{{}这是错误的，您使用双向绑定将数据传递到指令，您需要传递一个得到计算的表达式，而不使用{}

---

使用{{}这是错误的，您使用双向绑定将数据传递到指令，您需要传递一个得到计算的表达式，而不使用{}

---

使用{{}这是错误的，您使用双向绑定将数据传递到指令，您需要传递一个得到计算的表达式，而不使用{}

---

使用{{}这是错误的，您使用双向绑定将数据传递到指令，您需要传递一个得到计算的表达式，而不使用{}

---

JavaScript错误控制台显示的语法错误如下：

p0={&p1=invalid key&p2=2&p3={{ game.player2 }}&p4={ game.player2 }}

将对象传递给指令时，可以将命名引用提供给对象，而不是对象本身，因此不需要将属性包装在

{{}

中。直接使用

player=“game.player1”

等即可

---

下面是修改后的一个示例，它似乎运行正常。

JavaScript错误控制台显示一个语法错误，该错误如下：

p0={&p1=invalid key&p2=2&p3={{ game.player2 }}&p4={ game.player2 }}

将对象传递给指令时，可以将命名引用提供给对象，而不是对象本身，因此不需要将属性包装在

{{}

中。直接使用

player=“game.player1”

等即可

---

下面是修改后的一个示例，它似乎运行正常。

JavaScript错误控制台显示一个语法错误，该错误如下：

p0={&p1=invalid key&p2=2&p3={{ game.player2 }}&p4={ game.player2 }}

将对象传递给指令时，可以将命名引用提供给对象，而不是对象本身，因此不需要将属性包装在

{{}

中。直接使用

player=“game.player1”

等即可

---

下面是修改后的一个示例，它似乎运行正常。

JavaScript错误控制台显示一个语法错误，该错误如下：

p0={&p1=invalid key&p2=2&p3={{ game.player2 }}&p4={ game.player2 }}

将对象传递给指令时，可以将命名引用提供给对象，而不是对象本身，因此不需要将属性包装在

{{}

中。直接使用

player=“game.player1”

等即可

下面是一个带有修改的示例，它似乎运行正常