ng-initで複数の値を宣言します

したがって、奇妙なハッシュを作成せずに、単一のng-init内で複数の値を宣言するにはどうすればよいのでしょうか。その場合は、常に具体的にアクセスする必要があります。

だから基本的に欲しい

<div ng-init="a = 1, b = 2">{{a}}</div>

そして私は私がする必要を避けたいと言っています

<div ng-init="unecessary_bs = {a: 1, b: 2}">{{unecessary_bs.a}}</div>

しかし合理的：

<div ng-init="a = 1, b = 2">{{a}}</div>

動作していないようです。

期待される感謝

より読みやすい関数を使用します。

ng-init="init()"

そして：

$scope.init = function() {
    $scope.a = 1;
    $scope.b = 2;
}

または、必要に応じて、インライン変数をセミコロンで区切ります。

ng-init="a = 1; b = 2"

変数を関数に入れるのが理想的でない場合があります。たとえば、バックエンドがExpressであり、jadeを使用してファイルをレンダリングしているとします。

Express.jsを使用すると、ローカル変数をhtmlに送信できます。Angularはこれらの変数を次のように受け入れることができます

ng-init=""

「;」を使用する 1つは複数の変数を持つことができます

例

ng-init=" hello='world'; john='doe' "  

私はオブジェクトの初期化変数でラップすることを好みます：

<div ng-init="initObject = {initParam: 'initParamValue', anotherOne: 'value'}"></div>

 <div ng-app="app">
  <div ng-controller="TodoCtrl">
    <ul>
      <li ng-repeat="todo in todos" ng-init='initTodo = init(todo)'>
        <span class="done-{{todo.done}}">{{todo.text}} |
                               and todo.text via init:{{initTodo}}</span>
      </li>
    </ul>

  </div>

そして

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

  modulse.controller("TodoCtrl", function ($scope)  {

            $scope.todos = [ {text:'todo1'}, {text:'todo2'}]; 

            $scope.init = function (todo) {  return todo.text; };

  });