Используете jQuery и AngularJS вместе? ⇐ Jquery

[Anonymous]

Я новичок в AngularJS, и этот проект расширяет то, что я уже знаю об использовании ng-repeat и контроллеров.

Цель: Чтобы сделать это, когда вы выбираете опцию в раскрывающемся меню и нажимаете кнопку, гитары будут отображаться с помощью ng-repeat. На данный момент будут отображаться только имена, но я сосредоточен на том, чтобы файл app.js работал.

HTML:

Код: Выделить всё

Angular Project 2









{{appDetails.title}}
{{appDetails.tagline}}



Yamaha
Gibson
Jackson
ESP






{{guitar.title}}

JS:

Код: Выделить всё

var app = angular.module("myApp", []);

app.controller("HeaderCtrl", function ($scope) {
$scope.appDetails = {
title: "JamLog",
tagline: "Take a look at our Fancy Instruments in Stock!"
};
})

app.controller("GuitarCtrl", function ($scope) {

$('#searchGuitars').click(function() {

if ($('#dropdown').val() == "Yamaha") {

$scope.guitars = [

{
title: "Yamaha Revstar 420",
instrument: "Electric Guitar",
color: "Red",
price: "$499.99",
details: "Yes",
imageURL: "YamahaRS420.jpg"
},

{
title: "Yamaha Pacifica Series PAC012",
instrument: "Electric Guitar"
color: "Blue",
price: "$",
details: "Yes",
imageURL: "YamahaPacificaSeriesPAC012.jpg"
}
];
}

else if ($('#dropdown').val() == "Gibson") {

$scope.guitars = [

{
title: "Gibson Les Paul Custom",
instrument: "Electric Guitar",
color: "Blue",
price: "$",
details: "Yes",
imageURL: "GibsonLesCustomBlue.jpg"
},

{
title: "Thunderbird",
instrument: "Bass",
color: "Black",
price: "$",
details: "Used by SOAD Bassist",
imageURL: "GibsonThunderbirdIV.jpg"
}
];
}
})
})

Я надеюсь, что это не маленькая ошибка, которую я пропустил, но в целом структура этой программы выглядит так, как будто она будет работать, и я не уверен, почему бы и нет.

Подробнее здесь: https://stackoverflow.com/questions/398 ... s-together