マークアップで角度スコープ変数を設定する

簡単な質問：スコープの値をhtmlに設定して、コントローラーで読み取るにはどうすればよいですか？

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

app.controller('MyController', function($scope) {
  console.log($scope.myVar);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app'>
  <div ng-controller="MyController" app-myVar="test">
    {{myVar}}
  </div>
</div>

JSFiddle：http ://jsfiddle.net/ncapito/YdQcX/

ng-initループ内で変数を割り当てる場合は機能しません。使用する {{myVariable=whatever;""}}

末尾""は、任意のテキストに対して評価されるAngular式を停止します。

次に、呼び出し{{myVariable}}て変数値を出力できます。

複数のネストされた配列を反復するときにこれは非常に便利であり、現在の反復情報を複数回クエリするのではなく1つの変数に保持したいと思いました。

ngInit 変数の初期化に役立ちます。

<div ng-app='app'>
    <div ng-controller="MyController" ng-init="myVar='test'">
        {{myVar}}
    </div>
</div>

jsfiddleの例

呼ばれるディレクティブを作成myVarしてし

scope : { myVar: '@' }

次のように呼び出します：

<div name="my_map" my-var="Richmond,VA">

特に、ハイフネーションされたタグ名へのディレクティブ内のラクダのケース参照に注意してください。

詳細については、「トランスクルージョンとスコープについて」を参照してください。- http : //docs.angularjs.org/guide/directive

以下は、ディレクティブ内のさまざまな方法で属性からスコープ変数に値をコピーする方法を示すフィドルです。

このようにhtmlから値を設定できます。角度からの直接的な解決策はまだないと思います。

 <div style="visibility: hidden;">{{activeTitle='home'}}</div>

ng-init以下のように使用できます

<div class="TotalForm">
  <label>B/W Print Total</label>
  <div ng-init="{{BWCount=(oMachineAccounts|sumByKey:'BWCOUNT')}}">{{BWCount}}</div>
</div>
<div class="TotalForm">
  <label>Color Print Total</label>
  <div ng-init="{{ColorCount=(oMachineAccounts|sumByKey:'COLORCOUNT')}}">{{ColorCount}}</div>
</div>

次に、他のセクションでローカルスコープ変数を使用します。

<div>Total: BW: {{BWCount}}</div>
<div>Total: COLOR: {{ColorCount}}</div>

$scope.$watch('myVar', function (newValue, oldValue) {
        if (typeof (newValue) !== 'undefined') {
            $scope.someothervar= newValue;
//or get some data
            getData();
        }


    }, true);

変数はコントローラーの後に初期化されるため、それを監視する必要があり、初期化されていない場合は使用します。

私は答えが好きですが、必要なスコープ変数を設定できるグローバルスコープ関数を作成する方が良いと思います。

したがって、globalControllerで作成

$scope.setScopeVariable = function(variable, value){
    $scope[variable] = value;
}

そしてあなたのhtmlファイルでそれを呼び出します

{{setScopeVariable('myVar', 'whatever')}}

これにより、それぞれのコントローラーで$ scope.myVarを使用できるようになります。

ループしていない場合は、ng-initを使用できます。

{{var=foo;""}}

「」はあなたの変数を表示しません