1

簡単な表示/非表示機能を作成しようとしていますが、最初に DIV を開いて「表示」する必要があります。

<button ng-click="addClient = true;addClient1 = false;">Client</button>
<button ng-click="addClient1 = true;addClient = false;">Client1</button>

<div ng-show="addClient">Client</div>
<div ng-show="addClient1">Cliente1</div>

http://jsfiddle.net/Tyq38/

4

1 に答える 1

4

そのために使用できますng-init。

angular docsから：

ngInit ディレクティブを使用すると、現在のスコープで式を評価できます。

<div ng-init="addClient = true">
    <button ng-click="addClient = !addClient; addClient1 = !addClient1">Client</button>
    <button ng-click="addClient1 = !addClient1; addClient = !addClient; ">Client1</button>

    <div ng-show="addClient">Client</div>
    <div ng-show="addClient1">Cliente1</div>
</div>

より良い代替手段

コメントで指摘されているように、関数を使用する代わりに、コントローラーでこれらの設定を切り替えることができます。

function MyCtrl($scope) {

    $scope.addClient = true;
    $scope.addClient1 = false;

    $scope.toggle = function () {
        $scope.addClient = !$scope.addClient;
        $scope.addClient1 = !$scope.addClient1;
    };
}

html マークアップを次のように変更します。

<div ng-controller="MyCtrl">
    <button ng-click="toggle()">Client</button>
    <button ng-click="toggle()">Client1</button>

    <div ng-show="addClient">Client</div>
    <div ng-show="addClient1">Cliente1</div>
</div>
于 2014-05-25T18:42:57.430 に答える