0

私の Angular アプリではdiv、変数が true の場合は特定のものを表示し、false の場合は非表示にしたいと考えています。

しかし、それは機能していません。私のフィドルを参照してください

誰かが理由を理解するのを手伝ってくれますか?

HTML

<div ng-controller="MyCtrl">
    <div id="newProjectButton" class="project" ng-click="newProjectActive()" ng-if="!creatingNew">
            <h1> + </h1>
            <h3> New Project </h3>
    </div>
    <div id="newProjectActive" class="project" ng-if="creatingNew">
        <form>
            <input name="name" ng-model="newProjectName" type="text"></input>
            <button ng-click="newProject()" type="submit" class='btn btn-primary'>Save</button>
        </form>
    </div>
</div>

JS

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {
    $scope.name = 'Superhero';

    $scope.creatingNew = false;

    $scope.newProjectActive = function () {
        $scope.creatingNew = true;
    }

    $scope.newProject = function () {
        alert($scope.newProjectName);
    }

}
4

2 に答える 2

2

まず、あなたのフィドルを見たとき、あなたの例の古いバージョンがありました。

2番目に、実際には理由かもしれませんが、バージョン1.0.1でangularを使用していた例では、バージョンがng-ifを実装していないと思います。最新バージョンに更新すると問題が解決します

于 2014-12-07T11:31:48.200 に答える