2015-12-17 3 views
-2

Я действительно не знаю, почему этот код не работает в моем JSFiddle. Любая помощь будет принята с благодарностью!Почему Jquery не работает с угловым контроллером?

EDIT: Просто собираюсь сказать, что нисходящие потоки действительно обескураживают. Я не знаю столько, сколько должен, я полагаю (или, по крайней мере, не так много, как некоторые считают достойным), но задавать вопросы - вот как я пойму больше. Что в этом плохого?

HTML:

<body ng-app="myApp" ng-controller="myController"> 
    <div class="test"> 
    </div> 
</body> 

CSS:

.test{ 
    width: 50px; 
    height: 50px; 
    background-color: orange; 
} 

JS:

var app = angular.module("myApp", []); 
app.controller("myController", ["$scope", function($scope) { 
    $(".test").css("height", "100px") 
}]); 

FIDDLE: https://jsfiddle.net/td5n6cf8/

+2

Научитесь использовать консоль вашего браузера. Он покажет вам, что '$ не определен', что означает, что jQuery не был включен. –

+0

@cale_b Является ли JQuery не включенным в AngularJS? Если нет, как включить JQuery и Angular в JSFiddle? – bloop

+0

jqLite включен в Angular, но я вспоминаю недавно что-то прочитанное о том, как JSFiddle делает это - google «JSFiddle Angular jQuery», я уверен, вы найдете ответ, который вам нужен. –

ответ

1

Простой помощник решение, вы просто забыли добавить библиотеку JQuery к y наш JSFiddle.

Чтобы добавить его в JSFiddle на левой панели навигации, где он говорит Внешние ресурсы и бросить в URL: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js

В качестве альтернативы (и более практичным вне JSFiddle):

<body ng-app="myApp" ng-controller="myController"> 
    <div class="test"> 
    </div> 
</body> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script> 

Легко это делает.

Отказ от ответственности: используйте действительный CDN или загрузить какой JQuery версии вам нравится, на сегодняшний день JQuery 3.0.0-альфа1 последняя версия

+1

Спасибо большое, я ценю понимание для простого вопроса. – bloop