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

[Anonymous]

Я новичок в Angularjs, и этот проект раздвигает то, что я уже знаю об использовании NG-Repeat и Controllers. < /p>

Цель: < /strong>, чтобы сделать его так, когда вы выбираете опцию в раскрывающемся меню и нажимаете кнопку, гитары будут отображаться с Помощь NG-Repeat . На данный момент будут отображаться только имена, но я сосредоточен на обеспечении работы файла App.js . < /p>

html: < /strong> < /p>






Angular Project 2









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



Yamaha
Gibson
Jackson
ESP






{{guitar.title}}




< /code>

js: < /strong> < /p>

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"
}
];
}
})
})
< /code>

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

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