AngularJS ব্যবহার করার সময় আমি কীভাবে পৃষ্ঠায় প্রদর্শনের জন্য কোঁকড়া ধনুর্বন্ধনীগুলি থেকে মুক্তি পেতে পারি?


98

আমি ব্যবহারকারীটি ডাবল কোঁকড়া ধনুর্বন্ধনী দেখতে চাই, কিন্তু কৌণিক সেগুলি স্বয়ংক্রিয়ভাবে আবদ্ধ হয়। এটি এই প্রশ্নের বিপরীত ক্ষেত্রে যেখানে পৃষ্ঠাটি লোড হওয়ার সময় তারা বাঁধার জন্য ব্যবহৃত কোঁকড়া ধনুর্বন্ধনী দেখতে চান না।

আমি ব্যবহারকারী এটি দেখতে চাই:

My name is {{person.name}}.

কিন্তু কৌণিক {{person.name}}মানটির সাথে প্রতিস্থাপন করে। আমি ভেবেছিলাম এটি কার্যকর হতে পারে তবে কৌণিক এখনও এটির সাথে প্রতিস্থাপন করে:

{{person.name}}

প্লাঙ্কার: http://plnkr.co/edit/XBJjr6uR1rMAg3Ng7DiJ


আপনি যদি পুরোপুরি অন্য একটি ডিলিমিটারের সাথে যেতে আগ্রহী হন (যেমন [[ ]]): স্ট্যাকওভারফ্লো
থিলো

4
ধন্যবাদ, আমি দেখেছি তবে পুরো পয়েন্টটি সত্যই নমুনা পৃষ্ঠার জন্য যা ব্রেসগুলি কীভাবে কাজ করে তা দেখায় এবং উত্সটি দেখতে পাতায় কী রয়েছে তা ঠিক দেখতে সক্ষম হতে চাই যদি নমুনাটি বোঝা যায় তবে।
জেসন গোয়েমাত


4
@ ম্যাক্সিমোলোরান্ট পৃষ্ঠাটি লোড হওয়ার সময় কোঁকড়ানো ধনুর্বন্ধনীগুলির ক্ষণস্থায়ী প্রদর্শন প্রতিরোধ করার জন্য এটি সম্পূর্ণ ভিন্ন বিষয়, এই পৃষ্ঠাটি পৃষ্ঠাটি লোড হওয়ার পরেও তাদের প্রদর্শন করতে এবং কৌণিক সেগুলি বাঁধানো থেকে রোধ করার বিষয়ে question
জেসন গোয়েমাট

উত্তর:


148
<code ng-non-bindable>{{person.name}}</code>

ডকুমেন্টেশন @ এনজিওন বাইন্ডেবল


6
আপনি <ডিভ> বা যে কোনও ট্যাগ ব্যবহার করতে পারেন, কেবল এনজি-অ-বাইন্ডেবল যোগ করতে পারেন
মাইক পুগ

5
কি যদি {{value}}একটি ইনপুট ট্যাগ মান ভেতরে কি?
টিমো হুভিনেন

@TimoHuovinen, একটি HTML এ আউটপুট কোঁকড়া ধনুর্বন্ধনী করতে অ্যাট্রিবিউট দেখতে আমার উত্তর
জোয়েটউইল

@ টিমোহুভিনেন আপনি ng-non-bindableধারক উপাদানটি ব্যবহার করতে পারেন , আপনি আমার উত্তর দেখতে পাবেন: stackoverflow.com/a/42511222/1407491
নবী কেজে

এটি বর্তমানে কাজ করে না; কৌণিক 8. ব্যবহার করে। @ জোয়েটউইডল এর ​​উত্তর অবশ্য করেছে।
জে জে কার্টার দ্বিতীয়

29

সম্পাদনা: উদ্ধৃতিগুলির মধ্যে বন্ধনীগুলির মধ্যে \ স্ল্যাশ যুক্ত করা কাজ করে

{{  "{{ person.name }\}"   }}  

এটিও .. কৌণিক ব্যাখ্যা দিয়ে যায়

{{ person.name }<!---->}

এটাও ..

{{ person.name }<x>} 

{{ person.name }<!>}

আমাকে একটি উপহার দেয়Lexer Error
জেসন গোমেট

4
asd

4
এটি একটি গৃহীত উত্তর সহ একটি প্রশ্নের দেরী উত্তর। আপনি যদি কোনও নতুন উত্তর সরবরাহ করা চয়ন করেন, সমাধানটি কার্যকর হয় তা নিশ্চিত করার জন্য আপনার অতিরিক্ত সতর্কতা অবলম্বন করা উচিত এবং কেন এই উত্তরটি ব্যাপকভাবে স্বীকৃত উত্তরের চেয়ে বেশি পছন্দ করা হয়েছে তা বাধ্য করার কারণ প্রদান করা উচিত। এছাড়াও, এটি যেভাবেই হোক সরাসরি প্রশ্নের উত্তর দেয় না।
ক্লাজ

এই এক জন্য পছন্দ করুন {{...}<!---->}
রোমানিয়া_আজ্ঞানী

11

আমাদের ক্ষেত্রে আমরা একটি স্থানধারকটিতে কোঁকড়ানো বন্ধনীগুলি উপস্থাপন করতে চেয়েছিলাম, সুতরাং তাদের একটি HTML বৈশিষ্ট্যের ভিতরে উপস্থিত হওয়া দরকার । আমরা এটি ব্যবহার করেছি:

 <input placeholder="{{ 'Hello {' + '{person.name}' + '}!' }}" ...>

আপনি দেখতে পাচ্ছেন, কোঁকড়ানো ধনুর্বন্ধনী পৃথক পৃথক রাখার জন্য আমরা তিনটি ছোট স্ট্রিং থেকে একটি স্ট্রিং তৈরি করছি।

'Hello {' + '{person.name}' + '}!'

এটি ব্যবহার এড়ানো হয় ng-non-bindableযাতে আমরা ng-উপাদানটির অন্য কোথাও বৈশিষ্ট্যগুলি ব্যবহার করতে পারি ।


কাজ করে (সম্প্রতি কৌনিক 8 হিসাবে)।
জে জে কার্টার দ্বিতীয়

3

ng-non-bindableধারক মধ্যে ব্যবহার করুন , এটি এখানে ধারক ভিতরে সমস্ত উপাদান কার্যকর।

<div ng-non-bindable>
  <span>{{person.name}}</span>
  <img src="#" alt="{{person.name}}">
  <input placeholder="{{person.name}}">
</div>


1

কৌণিক 9 এর জন্য আপডেট হয়েছে

ngNonBindableইন্টারপোলেশন বাইন্ডিং এড়াতে ব্যবহার করুন ।

<div ngNonBindable>
  My name is {{person.name}}
</div>

1

আমি পাঠ্য জুড়ে একক বন্ধনী চেয়েছিলাম এবং উপরের সমাধানগুলি আমার পক্ষে কার্যকর হয়নি। সুতরাং কৌনিক সুপারিশ চান।

কৌণিক সংস্করণ: 5

প্রয়োজনীয় পাঠ্য: আমার নাম {person.name}}

<span>My name is {{'{'}}person.name{{'}'}}.</span>

আমি আশা করি এটি কাউকে সাহায্য করবে


0

কৌণিক সংকলক থেকে:

Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.)

সুতরাং আসল প্রশ্নে - আপনি এখানে দিয়ে শেষ করবেন:

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