Javascript html页面中的角度属性可见性

我有一个简单的角度页面：

<div ng-controller="JoinGameController">
    <table>
        <tr ng-repeat="game in gameList">
            <td>{{game}}</td>
            <td>&nbsp;</td>
            <td><a href="#!/joinGame" ng-click="selectGame(game)">select</a></td>
        </tr>
    </table>
    <br/>
    Selected game: &nbsp; {{selectedGameId}}
    <br/>
    <a href="#!/joinGame" ng-click="clearSelection()">Clear</a>

    <div ng-if="isGameSelected"> &nbsp; 
        <p>To join this game put your name in the box and click the button</p>

        <input type="text" ng-model="playerName">
        <button ng-click="joinExistingGame()">Join Game</button>
        <br/>
        <p ng-if="playerAdded">{{addPlayerResponse}}</p>
    </div>
</div>

---

这里的问题是什么？

您提出的问题是

ng if

创建子作用域，因此您无法使用

ng if

属性访问div中的属性

---

您可以尝试

$parent.playerName

您遇到的问题是

ng if

创建子作用域，因此您无法使用

ng if

属性访问div内的属性

---

您可以尝试

$parent.playerName

使用创建自己作用域的

ng if

指令。因此

playerName

被添加到

ng if

指令的范围内

只需在主范围内创建变量，如：

player={}

，然后使用它

<input type="text" ng-model="player.playerName">

---

使用创建自己范围的

ng if

指令发出问题。因此

playerName

被添加到

ng if

指令的范围内

只需在主范围内创建变量，如：

player={}

，然后使用它

<input type="text" ng-model="player.playerName">

请添加一些js代码或提供一个提琴，可以显示您的javascript吗？我们无法帮助您添加一些js代码或提供一个小提琴请您显示您的javascript？否则我们帮不了你