কৌণিক জেএসে ডাবল এবং একক কোঁকড়ানো বন্ধনী মধ্যে পার্থক্য?


192

আমি এই কৌণিক বিশ্বের জন্য নতুন, আমি ডাবল কোঁকড়া ধনুর্বন্ধনী single {}}} এবং একক কোঁকড়ানো ধনুর্বন্ধনী the the ব্যবহারের সাথে কিছুটা বিভ্রান্ত হয়েছি বা নির্দেশের মতো অভিব্যক্তিটি অন্তর্ভুক্ত করার জন্য কোনও সময় কোনও কোঁকড়ানো ধনুর্বন্ধনী ব্যবহার করা হয় না

  1. ng-class={expression}
  2. normal data binding like{{obj.key}}
  3. ng-hide='mydata==="red"'

উত্তর:


279

{{}} - ডাবল কোঁকড়া ধনুর্বন্ধনী:

{{}} কৌণিক অভিব্যক্তি এবং আপনি HTML এ স্টাফ লিখতে ইচ্ছুক হলে বেশ কার্যকর হয়:

<div>
    {{planet.name == "Earth" ? "Yeah! We 're home!" : "Eh! Where 're we?"}}
</div>

<!-- with some directives like `ngSrc` -->
<img ng-src="http://www.example.com/gallery/{{hash}}"/>

<!-- set the title attribute -->
<div ng-attr-title="{{celebrity.name}}">...

<!-- set a custom attribute for your custom directive -->
<div custom-directive custom-attr="{{pizza.size}}"></div>

ইতিমধ্যে একটি অভিব্যক্তি এমন জায়গায় এটি ব্যবহার করবেন না!

উদাহরণস্বরূপ, নির্দেশটি ngClickউদ্ধৃতিগুলির মধ্যে লিখিত যে কোনও কিছুকে অভিব্যক্তি হিসাবে বিবেচনা করে:

<!-- so dont do this! -->
<!-- <button ng-click="activate({{item}})">... -->  

{} - একক কোঁকড়া ধনুর্বন্ধনী:

{}যেমনটি আমরা জানি জাভাস্ক্রিপ্টে অবজেক্টের জন্য দাঁড়ানো। এখানেও আলাদা কিছু নেই:

<div ng-init="distanceWalked = {mon:2, tue:2.5, wed:0.8, thu:3, fri:1.5, 
sat:2, sun:3}">

কিছু নির্দেশের মতো ngClassবা ngStyleএটি মানচিত্র গ্রহণ করে:

<span ng-style="{'color' : 'red'}">{{viruses.length}} viruses found!</span>

<div ng-class="{'green' : vegetable == 'lettuce', 
'red' : vegetable == 'tomato'}">..

কোনও কোঁকড়া ধনুর্বন্ধনী:

ইতিমধ্যে উল্লিখিত হিসাবে কেবল এক্সপ্রেশন ভিতরে যখন ব্রেসলেস যান। খুবই সাধারণ:

<div ng-if="zoo.enclosure.inmatesCount == 0">
    Alarm! All the monkeys have escaped!
</div>

 


2
আমরা এনজি-অন্তর্ভুক্ত নির্দেশিকা সহ এনজি-এসসিআর সম্পত্তিতে {{} use ব্যবহার করতে পারি।
জে শুক্ল

5
মন্তব্যে উল্লিখিত কারও মতো, ডাবল ধনুর্বন্ধনী {{}} উদ্ধৃতিগুলির মধ্যে এনজি-সিআরসি নির্দেশিকাতে রাখার কথা। তবে এনজি-এসসিআর কেন এটি করতে সক্ষম? বিশেষ ধরণের নির্দেশনার কোনও নাম আছে যা উদ্ধৃতিগুলির ভিতরে takes {} takes নেয়?
অজয়

{Oo foo-bar}} এবং "{{foo-bar}}" এর মধ্যে কি কোনও পার্থক্য রয়েছে?
aandis

5
এটি সম্পূর্ণরূপে বুঝতে আমাকে এ সম্পর্কে আরও কিছু গবেষণা করতে হয়েছিল, তবে আমি ভেবেছিলাম এই ব্লগ পোস্টটি @ কোডহ্যাটারের উত্তরের সাথে সত্যিই সহায়তা করেছিল, কেন AngularJS কখনও কখনও একক ধনুর্বন্ধনী ব্যবহার করে sometimes}, কখনও কখনও ডাবল ধনুর্বন্ধনী {{}}, এবং কখনও কখনও কোন ধনুর্বন্ধনী?
পেনসার

2

{{}} এটি সম্পর্কে আরও একটি জিনিস ওয়াচচার হিসাবে ব্যবহৃত হয় .. আরও ভাল পারফরম্যান্সের জন্য দয়া করে যথাসম্ভব এড়ানো উচিত


3
আপনি কি বোঝাতে চেয়েছিলেন যে কর্মক্ষমতা হ্রাস পাবে? আপনি কি দয়া করে প্রমাণ করার জন্য কোনও উত্স সরবরাহ করতে পারেন?
ডন ডি

1
কেউ কি তা নিশ্চিত করতে পারেন?
গারফিল্ডক্লোন

1

আমি জানি এটি একটি পুরানো পোস্ট এবং এটি কিছুটা বন্ধ বিষয় হতে পারে তবে এটি @ ডনডি এবং @ গাফ্রিল্ডক্লোন এর প্রতিক্রিয়াতে ...

এটা তোলে প্রহরী আসলে স্থাপন করা হয় আপনি ব্যবহার করতে হলে একটি বলে মনে করেন ng-bindনির্দেশক, না যখন ব্যবহার {{}}। বলা হচ্ছে যে, আমি বিশ্বাস করি যে উপরোক্ত @riyas উত্তরগুলি এখনও আংশিকভাবে সত্য যে এড়ানো এড়ানো {{}} সাধারণত পারফরম্যান্সের পক্ষে ভাল তবে বর্ণিত কারণে নয়।

অন্য পোস্টের উত্তরটি আরও বিশদে এটি ব্যাখ্যা করে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.