कोणीय जे एस

Question

मैं जब कोणीय

<li ng-mouseenter="cola-selected=true" class="pull-left" ng-class="{'selected' : cola-selected}"> 
    <a href="interna.html"> 
     <img src="assets/images/cola.png"> 
    </a> 
</li> 

यह सभी कार्यक्षमता पेज होगा तो मैं हालांकि शायद के साथ नीचे दिए गए कोड में li तत्व मँडरा एक वर्ग को जोड़ने के लिए कोशिश कर रहा हूँ पर हॉवर पर कक्षा जोड़ें जेएस के लिए एक नई जेएस फ़ाइल जोड़ने के लिए जरूरी नहीं है।

जब माउस li में प्रवेश करता है तो इसमें नई कक्षा selected होनी चाहिए। इसके ऊपर वाला कोड काम नहीं कर रहा है, और मैं यह नहीं समझ सकता कि क्यों। https://jsfiddle.net/mjrmeffc/

Answer 1

क्यों अगर आप अपने कोणीय आवेदन में तर्क लिख सकते हैं आप एक अतिरिक्त फ़ाइल की आवश्यकता है:

यहाँ एक बेला पर मेरे कोड का एक उदाहरण है?

मुझे लगता है कि आप एनजी-एप का उपयोग करते हैं और एक तर्कसंगत जावास्क्रिप्ट फ़ाइल है जहां आपका तर्क है, और आपको इसे यहां शामिल करना चाहिए।

यहां कक्षा को जोड़ने/हटाने का उचित तरीका है।

<div ng-app> 
    <div 
    class="italic" 
    ng-class="{red: hover}" 
    ng-mouseenter="hover = true" 
    ng-mouseleave="hover = false"> 
     Test 1 2 3. 
    </div> 
</div> 

नायब मैं एक और stackoverflow सवाल में इस पाया, पहले गूगल खोज के समुचित उपयोग सुनिश्चित करें, मैं ध्वज के लिए अपने प्रश्न पर्याप्त प्रतिष्ठा नहीं है, या एक टिप्पणी बनाने के लिए।

* संपादित करें *

ऐसा लगता है कि अभी तक AngularJS से परिचित नहीं हैं। आपको अपना 'app.js' या 'script.js' जो भी आप इसे कॉल करना चाहते हैं उसे शामिल करने की आवश्यकता है। वहाँ में आप अपने आवेदन

var app = angular.module('yourappname', [/* add your dependencies here*/]); 

//Other logic like controllers or services 

और का उपयोग कर परिभाषित अपने HTML होना चाहिए

<div ng-app="yourappname"> 
<div ng-controller="yourController"> 

कृपया पहले अपने आप बोध से पहले आप प्रश्न

Answer 2

प्रयास करें की मांग कर रहा शुरू ng-mouseover attr का उपयोग कर

<li ng-mouseover="hoverIn()" class="pull-left" ng-class="{{applyClass}}"> 

wri अपनी स्क्रिप्ट में एक समारोह hoverIn() ते और मूल्य निर्दिष्ट जब

मंडराना से अधिक

$scope.hoverIn = function() { 
    this.applyClass = "red"; 
} 

Working Demo