Я новичок в 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
