spot7.org logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories

How to assign/fill HTML select with JSON data in Angularjs


there are a few issues here.

first off, you are looping through a single object ("brands") not the array of objects you want. when you get your ajax response object, set the brandlist to the array of objects in your controller.

app.controller('MainCtrl',
function($scope, $http) {
  $http.get('some/api/').then(function(result){
    $scope.brandList = result.brands;
  });

secondly, you should set the default select option in your controller. since you are trying to reference the brand_id via the brand_name property of your objects, you should set the default option like so:

app.controller('MainCtrl',
function($scope, $http) {
  $http.get('some/api/').then(function(result){
    $scope.brandList = result.brands;
    $scope.selectedItem =
$scope.brandList[1].brand_id; // set the second
item as default
  });

now you should see everything in your rendered html.

see this plunker http://plnkr.co/edit/cgxhhe8Qh2UfCUAxSDio?p=preview


Categories : Javascript

Related to : How to assign/fill HTML select with JSON data in Angularjs
Angularjs UI-Select
You want to filter the result from left to right. So you need to add this filter (it is case-insensitive search) app.filter('left2right', function() { return function( items, input) { var filtered = []; if(input === undefined || input === ''){ return items; } angular.forEach(items, function(item) { if(item.name.toLowerCase().indexOf(input.toLowerCase()) == 0){

Categories : Angularjs
AngularJS Select: Initial selection not working
Would make this just a comment, but can't yet. Your code should work. I pretty copied it into this plnkr and it works just fine. I guess just make sure you have all your controllers and whatnots set up correctly. <select id="userEmail" class="form-control" data-ng-init="userSelection = users[5]" data-ng-model="userSelection" data-ng-options="user.email for user in users"> <

Categories : Angularjs
AngularJS - How to make a cascading select and save to API
I think something like this would work.... You can filter off the options by project.country. I also placed a ng-disabled directive to prevent them from selecting an option in this dropdown if they haven't selected a country first. <select ng-disabled="!project.country" ng-model="selectedState" ng-options="state.value as state.text for state in countriesAndStates.states | filter:{text: pro

Categories : Javascript
Angularjs filter list data using select value
try <li ng-repeat="ImageFile in ImageFiles | filter: showGenre"> //----------EDIT-----------// try <li ng-repeat="ImageFile in ImageFiles | showGenre"> //----------EDIT----------------// change <option value=" " selected>All</option> to <option value="" selected>All</option> i think is due to that

Categories : Javascript
AngularJS directive with select and ng-options in template
Is this what you meant? HTML: <div ng-app="HelloApp" ng-controller="HelloController"> <select ng-model="blah" ng-options="value as value | myfilter for value in values"></select> {{blah}} </div> JS: app.filter('myfilter', function() { return function(obj) { return obj.h + ':' + obj.m; } }); app.controller('HelloController', function($scope) {

Categories : Angularjs
Recently Add
Busy Indicator while page is loading
parent.document.getElementById and images path
Can not get bootstrap datetime picker to display properly
reading select box jquery issues
DC.JS Pie Chart + Select Deslect from external JavaScript function
Why would I ever need to cancelAnimationFrame()
Angular.ui alert doesn't close
HTML/JS How to position a rectangle relative to 'any' side of the parent canvas element
parse variable to xml
C# Dictionary equivalent in JavaScript
ExtJS Dashboard Panel Fit Panel Vertically
jQuery cross domain ajax call - Interpreted as script but transferred with MIME type text/xml
Reactjs map returns unexpected token }
Working with multiple pages in apache cordova and vs2013
Resize iframe to loaded content
Why 13596*0.1 is different than 13596/10?
AngularJS Validate all forms on application load
javascript open popup without menu/url/titlebar/scrollbar/anything
Can I use Razor syntax inside Javascript included in a ScriptBundle?
How to show a box for comment reply with id
parse name from user input when using jquery serialize
How to parse and load javascript object?
Marionette not navigating to the same url
Adding Google+ Sign in button to website
GRUNT - Install Grunt Packages?
how should I create the path of templateUrl property in Angular ui-router?
Update mysql database with jquery array using ajax
Run the same function on each item in a list / array
Get all ticks values (NVD3)
Button Click Event not Passing input String to MVC Controller Method
© Copyright 2017 spot7.org Publishing Limited. All rights reserved.