Tetapkan variabel lingkup sudut di markup

Pertanyaan sederhana: Bagaimana cara menetapkan nilai lingkup dalam html, untuk dibaca oleh pengontrol saya?

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-inittidak berfungsi saat Anda menetapkan variabel di dalam loop. Menggunakan {{myVariable=whatever;""}}

Trailing ""menghentikan ekspresi Angular yang dievaluasi ke teks apa pun.

Kemudian Anda cukup memanggil {{myVariable}}untuk mengeluarkan nilai variabel Anda.

Saya menemukan ini sangat berguna ketika melakukan iterasi beberapa array bersarang dan saya ingin menyimpan info iterasi saya saat ini dalam satu variabel daripada menanyakannya beberapa kali.

ngInit dapat membantu untuk menginisialisasi variabel.

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

contoh jsfiddle

Buat perintah yang disebut myVardengan

scope : { myVar: '@' }

dan menyebutnya seperti ini:

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

Perhatikan secara khusus referensi kasus unta dalam arahan ke nama tag dengan tanda hubung.

Untuk informasi lebih lanjut, lihat "Memahami Transklusi dan Cakupan" di sini: - http://docs.angularjs.org/guide/directive

Berikut adalah Fiddle yang menunjukkan bagaimana Anda dapat menyalin nilai dari atribut ke variabel cakupan dengan berbagai cara berbeda dalam sebuah perintah.

Anda dapat mengatur nilai dari html seperti ini. Saya rasa belum ada solusi langsung dari sudut.

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

Anda dapat menggunakan ng-initseperti yang ditunjukkan di bawah ini

<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>

lalu gunakan variabel cakupan lokal di bagian lain:

<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);

Variabel diinisialisasi setelah pengontrol sehingga Anda perlu mengawasinya dan ketika tidak diinisialisasi, gunakan.

Saya suka jawabannya tetapi saya pikir akan lebih baik jika Anda membuat fungsi cakupan global yang memungkinkan Anda mengatur variabel cakupan yang diperlukan.

Jadi di buat globalController

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

dan kemudian dalam file html Anda, sebut saja

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

Ini kemudian akan memungkinkan Anda untuk menggunakan $ scope.myVar di pengontrol Anda masing-masing

Jika Anda tidak berada dalam satu lingkaran, Anda bisa menggunakan ng-init lain yang bisa Anda gunakan

{{var=foo;""}}

yang "" tidak menampilkan var Anda