কী মধ্যে ড্যাশ সহ এনজিক্লাস শৈলী

Question

আমি আশা করি এটি স্টাইলগুলির সাথে ড্যাশ ব্যবহার করে এমন কাউকে মাথা ব্যথা বাঁচায়, বিশেষত যেহেতু বুটস্ট্র্যাপ এত জনপ্রিয় হয়ে উঠেছে।

আমি উপায় দ্বারা কৌণিক 1.0.5 ব্যবহার করছি

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>

ইন ngClass ডকুমেন্টেশন , উদাহরণস্বরূপ সহজ, কিন্তু এটি উল্লেখ অভিব্যক্তি বুলিয়ান মান বর্গ নামের একটি মানচিত্র হতে পারে। বুলেটিয়ান ভেরিয়েবলের উপর নির্ভর করে বুটস্ট্র্যাপ ডকুমেন্টেশনে প্রদর্শিত আইকনটিতে আমি "আইকন-সাদা" স্টাইলটি ব্যবহার করার চেষ্টা করছিলাম ।

<i class="icon-home" ng-class="{icon-white: someBooleanValue}">

উপরের লাইনটি কাজ করে না। ক্লাসটি icon-whiteকখন someBooleanValueসত্য হয় তার সাথে যুক্ত হয় না । তবে, আমি যদি কীটি পরিবর্তন করি তবে iconWhiteএটি সফলভাবে শ্রেণীর মানগুলির তালিকায় যুক্ত হবে। কীভাবে একজন ড্যাশ সহ কোনও মান যুক্ত করবেন?

Comments

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

— অ্যালেক্স ওসোবার

আপনার পরামর্শের জন্য ধন্যবাদ!

— ফু এল

Answer 1

কয়েক ঘন্টার হ্যাকিংয়ের পরে, এটি ড্যাশটি ইন্টারপোল্টেড হয়ে যায়! উদ্ধৃতি প্রয়োজন।

<i class="icon-home" ng-class="{'icon-white': someBooleanValue}">

আমি আশা করি এটি কারও চুল ছিঁড়ে ফেলার থেকে সহায়তা করে।

হালনাগাদ:

অ্যাঙ্গুলারের পুরানো সংস্করণগুলিতে ব্যাকস্ল্যাশ ব্যবহার করা কৌশলটি কার্যকর করে, তবে নতুন সংস্করণগুলিতে নয়।

<i class="icon-home" ng-class="{icon\-white: someBooleanValue}">

পূর্বেরটি সম্ভবত পছন্দসই, যেহেতু আপনি আপনার পছন্দসই সম্পাদকটিতে আরও সহজে এটি অনুসন্ধান করতে পারেন।

Comments

এই জন্য আপনাকে ধন্যবাদ. আমি এটির জন্য বেশিরভাগ সময় নষ্ট করেছি।

— তৌদেপ

ধন্যবাদ!!! আমি জানতাম যে এটি ঘটছে তবে আমি কীভাবে সমাধান করবেন তা সম্পর্কে নিশ্চিত নই। ধন্যবাদ!

— মার্ক ফোর্ড

আমি AngularJS 1.2.3 ব্যবহার করি। "\ -" আমার পক্ষে কাজ করে না। "''" খুব ভাল কাজ করেছে।

— bobzsj87

আমি যখন অন্য উদাহরণ অনুসরণ করলাম মনে হচ্ছিল কেন এটি আমার জন্য কাজ করছে না তা ভাবছিলাম!

— নেভস্টার

$ সুযোগ.সোমবুলিয়ানভ্যালু = সত্য

— zloctb

Answer 2

\'icon-white\' পাশাপাশি কাজ করে (AngularJS 1.2.7 সহ)

Comments

এটি সর্বাধিক ভবিষ্যত-বান্ধব এবং পিছনের দিকে সামঞ্জস্যপূর্ণ হওয়ায় এটি সেরা উত্তর

— এরিক স্টেইনোর্ন

ওহে! @ এরিকস্টাইনবোন আমি ভবিষ্যতের, আমি এখানে আপনাকে সতর্ক করতে এসেছি: এটি মোটেই বন্ধুত্বপূর্ণ নয়!

— টাইপ করুন

Answer 3

এনজি-ক্লাস ব্যবহারের বিকল্প:

    .menu-disabled-true{
color: red;
}
    .menu-disabled-false{
color: green;
}


<div ng-controller="DeathrayMenuController">
<p class=menu-disabled-{{status}}>shanam</p>
 <button ng-click="action()">click me</button>
</div>

<script>



function DeathrayMenuController($scope) {
    $scope.status=true
    $scope.action= function(){
      $scope.status=!$scope.status
    }
}
</script>