সাধারণ প্রশ্ন: আমি কীভাবে এইচটিএমএল এ স্কোপ মান সেট করতে পারি, আমার নিয়ামক দ্বারা পড়া?
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>জেএসফিডাল: http://jsfiddle.net/ncapito/YdQcX/
my-var="foo"যখন আপনি এটি কল। হাইফেন বনাম উট কেস এর নোট ব্যবহার। দ্রষ্টব্য: fooএখানে মূল্যায়ন করা হয় , আপনি যদি বিশদটির মান অ্যাক্সেস করতে সুযোগের সংজ্ঞাটিতে '@' ব্যবহার করতে চান না।
উত্তর:
ng-initআপনি যখন লুপের ভিতরে ভেরিয়েবল বরাদ্দ করেন তখন কাজ করে না। ব্যবহার
{{myVariable=whatever;""}}
চিহ্ন ""কৌণিক অভিব্যক্তি কোনো টেক্সট মূল্যায়ন হচ্ছে স্টপ।
তারপরে আপনি কেবল {{myVariable}}নিজের ভেরিয়েবলের মান আউটপুট করতে পারেন ।
একাধিক নেস্টেড অ্যারেগুলিকে পুনরাবৃত্তি করার সময় আমি এটিকে খুব দরকারী বলে মনে করেছি এবং আমি আমার বর্তমান পুনরাবৃত্তির তথ্য একাধিক বার জিজ্ঞাসা না করে এক পরিবর্তনশীলতে রাখতে চেয়েছিলাম।
{{}}একক ভেরিয়েবল আউটপুট করার জন্য ব্যবহার করা ভাল অভ্যাস , ভেরিয়েবল বরাদ্দের জন্য নয়। আমি বলতে চাই স্ট্যাকওভারফ্লো.com/a/16799763/814160 আরও সঠিক (দেখুন জেএস কোড কম)।
ngInit ভেরিয়েবল আরম্ভ করতে সহায়তা করতে পারে।
<div ng-app='app'>
<div ng-controller="MyController" ng-init="myVar='test'">
{{myVar}}
</div>
</div>
যার myVarসাথে ডাকা একটি নির্দেশিকা তৈরি করুন
scope : { myVar: '@' }
এবং এটিকে কল করুন:
<div name="my_map" my-var="Richmond,VA">
হাইফেনেটেড ট্যাগ নামের নির্দেশে বিশেষত উটের মামলার রেফারেন্সটি নোট করুন।
আরও তথ্যের জন্য এখানে "ট্রান্সকোলেশন এবং স্কোপগুলি বোঝার" দেখুন: - http://docs.angularjs.org/guide/directive
এখানে একটি ফিডল দেখানো হয়েছে যে আপনি কীভাবে কোনও নির্দেশিকার মধ্যে বিভিন্ন উপায়ে স্ক্রিপ ভেরিয়েবলগুলিতে মানগুলি অনুলিপি করতে পারবেন।
var-nick='my' var-nick2='test'। যদি না আপনি কেবলমাত্র নির্দেশাবলীর সাথে এটি প্রয়োগ করার কোনও উপায় সম্পর্কে ভাবতে না পারেনng-init
scope: {varNick: '@', varNick2: '@'}
আপনি 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);
পরিবর্তনশীল কন্ট্রোলারের পরে আরম্ভ করে যাতে আপনার এটির উপরে নজর রাখা উচিত এবং কখন এটি ব্যবহারটি আরম্ভ করা হবে না।
আমি উত্তরটি পছন্দ করি তবে আমি মনে করি এটি আরও ভাল হবে যে আপনি একটি বিশ্বব্যাপী স্কোপ ফাংশন তৈরি করুন যা আপনাকে স্কোপ ভেরিয়েবলটি সেট করার অনুমতি দেবে।
সুতরাং গ্লোবালকন্ট্রোলারে তৈরি করুন
$scope.setScopeVariable = function(variable, value){
$scope[variable] = value;
}
এবং তারপরে আপনার এইচটিএমএল ফাইলটিতে এটি কল করুন
{{setScopeVariable('myVar', 'whatever')}}
এরপরে আপনাকে আপনার নিজ নিজ নিয়ন্ত্রকটিতে স্কোপ.মাইভর ব্যবহারের অনুমতি দেওয়া হবে
আপনি যদি কোনও লুপ না রাখেন তবে আপনি এনজি-থিম ব্যবহার করতে পারেন অন্যটি ব্যবহার করতে পারেন
{{var=foo;""}}
"" আপনার বার প্রদর্শন করে না ows