Question

在我的Ionic App上，我有一个带按钮的视图。单击按钮时，将以模态提供播放器列表，单击播放器名称时，应在页面上显示所选播放器的名称，并隐藏按钮。这是相同的代码 - http://codepen.io/mradul/pen/vNywqG 但是，当我在模态上选择一个值（播放器名称）时，范围变量会更新（因为它在控制台上打印），但更改不会反映在页面上。 HTML -

filter("position.address.city =", aCity)

JS -

<ion-header-bar class="bar-positive bar-header">
    <h1 class="title">Selected Player</h1>
</ion-header-bar>

<ion-content>


    <script id="select-player.html" type="text/ng-template">
        <div class="modal">
            <ion-header-bar>
                <h1 class="title">Choose Player</h1>
            </ion-header-bar>
            <ion-content>
                <ion-list>
                    <ion-item ng-repeat="player in getPlayerList().players"  ng-click="closeModal(player)">
                       {{player}}
                    </ion-item>
                </ion-list>
            </ion-content>
        </div>
    </script>


    <br/><br/>
    <div id="player">
      {{sc.player}}
        <div class="row">
        <a class="button" ng-click="openModal()" ng-show="sc.player.playerName == null">Set player</a>
        <div ng-hide="sc.player.playerName  == null">
            <div class="col col-33 "   > {{sc.player.playerName}}</div>

        </div>


</ion-content>

}）;

播放器最初是一个原语（字符串），但我通过拥有属性 - playerName将其更改为对象。可能是我做得不对。请建议如何正确更新父作用域变量。我可能错过了一些非常基本的东西。

Answer 1

在更改后写$ scope。$ apply（）

Answer 2

试试这个，我不确定

$fullname = $user->first_name .' '. $user->last_name;

离子：$范围更改未反映在页面上

2 个答案: