1. ホーム
  2. angularjs

[解決済み] マークアップにアンギュラスコープ変数を設定する

2023-01-09 09:53:54

質問

簡単な質問です。 コントローラで読み取るためのスコープ値を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つの変数に保持したい場合に、これが非常に便利であることがわかりました。