Witam, czy mógłby mi ktoś pomóc w poprawieniu kodu dla dwóch aplikacji Angular w celu jego zrozumienia?
https://www.w3schools.com/code/tryit.asp?filename=FJFYIAYH9FQA
A jeżeli interesowała by mnie 3 lista rozwijana? Jak ten kod zmodyfikować?
Dziękuję za pomoc.
0
0
Jest cel umieszczania każdej listy w innej aplikacji?
Proszę Cię o opisanie specyfikacji problemu (aplikacji, bądź kilku aplikacji). Co ma/mają robić.
Będzie to BARDZO pomocne dla osoby chcącej rozwiązać Twój problem.
0
Aktualnie uczę się JS i staram się zrobić prosty pomocny dla mnie kalkulator.
Na ten moment zapisałem sobie różne tablice (np. z wartościami jak w tabeli https://pl.wikipedia.org/wiki/Beton). Te tablice będę wykorzystywał w kolejnych etapach.
W tym momencie stoję na początku, gdzie użytkownik będzie musiał wybrać opcje np. klasy betonu, którą program będzie później wykorzystywał.
Jedynym przykładem utworzenia listy rozwijanej z danych z tablicy jaki znalazłem jest skrypt Angular. Przy okazji będę chciał go wykorzystać aby interaktywnie (w tym samym czasie, bez odświeżania strony) wypisywać wybory użytkownika na stronie, ale to kolejny etap.
Problemem jaki napotkałem podczas używania skryptu Angular (z przykładów https://www.w3schools.com/angular/default.asp) jest możliwość wykorzystania jedynie jednej aplikacji. Od Ciebie dowiedziałem się, że jest sposób na wykorzystanie 2 lub więcej. Niestety przykłady nie obejmują list rozwijanych i już się gubię.
0
Serio daruj sobie angulara jak się dopiero uczysz Javascriptu, bo to magia dla Ciebie bedzie. Przykładowy poczatek zadania bez żadnego frameworka:
const cars = [
{ id: 1, model : "Ford Mustang", color : "red" },
{ id: 2, model : "Fiat 500", color : "white" },
{ id: 3, model : "Volvo XC90", color : "black" },
]
const List = items => `
<select data-type="list-items">
${items.map(item => `<option value="${item.id}">${item.model}</option>`)}
</select>
`
const $list1 = document.getElementById('root')
$list1.addEventListener('change', ({ target }) => {
if (target.dataset.type === 'list-items') {
console.log(`Selected item id: ${target.value}`)
}
})
$list1.innerHTML = List(cars)
0
Nie ma to jak zdemotywować człowieka do nauki :D
Ale może i racja, pcham się na głębokie wody.
0
No dobra, skrypt podany przez Macieja jest dla mnie również niezrozumiały, więc odnalazłem coś zbudowanego na fundamentach.
http://jsbin.com/wajoliwiji/edit?html,js,output
Pytanie trywialne (ale proszę o wyrozumiałość - jakoś staram się uporządkować ilość danych):
function showData() {
var select = document.getElementById("selectNumber");
window.alert(select.options[select.selectedIndex].text);
}
aby wyświetlało mi tekst od razu a nie poprzez window.alert gdzieś w <body>