The ngModel directive in AngularJS binds an input, select, textarea (or custom form control) to a property on the scope using NgModelController, which is created and exposed by this directive.
0
votes
1answer
24 views
angular/angular-material: replacing a HTML slider doesn't update its ng-model
$scope.$watch("checkbox", function(newVal, oldVal, scope) {
var newmax = calcNewMax();
var slider = angular.element(document.querySelector("#slider"));
var parent = slider.parent();
...
0
votes
0answers
22 views
Where is this ngModelController example saving values to
To understand ngModelController within directives I'm working through this example: Understanding NgModelController By Example
There's one part I cannot figure out though, which is within the single $...
0
votes
3answers
26 views
angularjs textarea model with \n should start new line
I have sample json as shown below and I am trying to represent key in label and value in textarea (Plunker). But the textarea is not working if the model contains "\n". Whenever there is a \n I would ...
0
votes
1answer
16 views
Change md-input-container input type depending on var value
I want the input type of a md-input-container to be either text, a number or a date depending on the value of something I have defined in the scope.
To do that I created 3 different containers that ...
0
votes
1answer
31 views
Input fields like textbox, select are not cleared on submit
var app = angular.module('myapp', ['ngMaterial']);
app.controller('nameController', ['$scope', function($scope) {
alert("controller called");
$scope.addNewName = function()
{
$scope....
0
votes
2answers
19 views
Can't get input value in Angular (Ionic)
I'm new to Angular and Ionic and I have problem with getting value of input. I get "undefined". Here is my code:
.controller('myCtrl', function($scope) {
$scope.submit = function () {
...
0
votes
0answers
13 views
Angular ng-model strange behaviour with KendoUI combo-box input
i have this part of code
Html:
<select kendo-combo-box
ng-model="selectedData[field]"
k-options="comboBoxOptions"
data-bind="true">
</select>
JS
$timeout(...
kendo-ui
0
votes
0answers
22 views
AngularJS bind and replace text [duplicate]
I am new to AngularJS and I am struggling with this.I am using MVC 5 to create a form.
I have an input text where people enter some text (Note the ng-model):
<div class="form-group">
...
0
votes
2answers
17 views
Getting ng-model value onclick angulajs
I want to get ng-model's value in angular function
<div id="script">
<div ng-repeat="selected in multiselectfields" id="generatedscript" ng-model="script">
"Insert into {{selected}} {{...
0
votes
2answers
11 views
angular ng-model updates parent object after submission and stay bounded
I have a form and a display fields above it. I want to update display values only after submission. This works fine for the first submit. Until I submit it, values don't change, and once I click ...
0
votes
1answer
33 views
Use angular ng-model ,Can not get the default value of radio
when the current form submission，when clicked, you can get the value of the value, but no click can not be obtained，I have already set up the initial value
<form class="form-css" name="myForm" ...
0
votes
1answer
44 views
Angular2: Unable to set initial value from ngModel on input type=“date”
I am unable to get an initial date when using html5's <input type="date>
Here is what I have
<input type="date" [(ngModel)]="testDate" />
in the component (this is in typescript) I am ...
0
votes
1answer
33 views
Angular.js searching API URL with user input
I am trying to search for an URL using user input. Currently I can search through textinput where the first three letters of a city is in the URL. For example; if I search for "sto" the URL is "find?q=...
1
vote
2answers
42 views
Angularjs scope error
need some help on angular i have no knowledge on, but i have a work to do ^^' . My problem is when i write into my inputs i can't get the ng-model return and get a scope error telling $scope....
2
votes
0answers
63 views
Expression in ng-model AngularJS
I need to execute an expression inside ng-model.
I have an array of integers which is shown in a list and input fields needs be generated on click of each item. All input fields should carry a ...
0
votes
3answers
40 views
AngularJS: How to bind ng-model to an 2 dimensional array
I am newbie in AngularJs.
I would like to create multidimensional array element in ng-model as defined below.
<Ojbect>
<Array>
<Element1>
<var1>
...
0
votes
3answers
28 views
Angular show elements, radio button
in Angular I'm doing something like this to show and hide elements when a links is clicked.
<a ng-click="showEle = !showEle"><span ng-bind="showEle ? 'Hide' : 'Show'"></span> ...
0
votes
4answers
58 views
Datepicker not working on form populated through angular scope variables
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/...
2
votes
3answers
64 views
ng-selected is not working with ng-model in select box - Angularjs
While ng-model is used in select box and ng-selected is also used in options with some condition that time ng-selected is not working.
If I will remove ng-model than ng-selected is working, but if i ...
0
votes
0answers
17 views
Multiple models inside directive
I get a problem with my products-totals directive. When I'm changing a model value this one is not updated on the view. If I want it, I must change the model value of scope.$parent (like my comments ...
0
votes
1answer
39 views
How to get label of an input field when submit a form in Angular JS
What I want to achieve is when I submit the form it should return the label of the option I choose in the console but it is returning me the value of the option.
Expected Result:
DXBA-sky
Result ...
0
votes
1answer
24 views
Extending input by using my own service
I want to extend input of type text in angular in such a way that after user enters some text, the text value is passed through a custom filter that do some purification on entering input, here is ...
0
votes
2answers
124 views
How to include module in Angular 2
I'm new in Angular 2 and I'm following "The hero" tutorial.
I need to import these modules:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
...
3
votes
0answers
81 views
Angular Twix Editor does not send value with ng-model
I have a problem. I want to add text editor on my page. I choose Angular-twix editor. I added on my page and connected with controller. I initialize first value for text editor. There is no problem to ...
0
votes
0answers
34 views
How to bind an allowed new value (free text) using angular js with jQuery chosen plugin
I am using jQuery chosen plugin with angular js for multiple selection in my application.
I am able to display new value (free text) inside input box by modifying jQuery chosen library.
I want to ...
0
votes
1answer
36 views
How to change input value to max value if it reaches the {max} AngularJS
I have a form it includes input field which you can enter the amount of money. It has max attr. and if user entered amount of money greater than the max value I would like to set the ng-model ...
0
votes
1answer
51 views
How could I get data for angular from handlebars when the page is rendered
I render the handlebars template with data.
var express = require('express'),
app = express();
var handlebars = require('express3-handlebars')
.create({
defaultLayout:'main',
...
1
vote
1answer
27 views
Reducing ng-model boilerplate code (DRY)
Using ng-model, the sign in form in our app has ended up looking something like this:
<form name="signIn" ng-submit="ctrl.signIn()" novalidate>
<label class="item item-input" ng-class="{'...
0
votes
1answer
49 views
ng-model versus getElementById
I am reading the book "Pro AngularJS" by Adam Freeman, Apress.
He creates an app that is a to-do list and you can add your own things on the list. In the part "Responding to User Interaction", page ...
0
votes
1answer
88 views
angular directive to convert ASCII or html codes in special characters in a textbox or text area
Here is the challenge I am facing with angularJS text boxes. I want to auto convert all the HTML codes and HTML Name into special characters inside a text-box.
Suppose, {$sce.trustAsHtml('Tom &...
1
vote
2answers
41 views
Trouble binding complex input to variable, efficiently
I'm new to Angular and trying to learn. I am trying to find a way to bind some Quantities with their IDs. Here is my template:
"<div class='tableBorder'><label> <input ng-model='" + ...
0
votes
1answer
128 views
click on card to open 'details' view in ionic
I cannot find an example on how to make a ionic card clickable. The behaviour I want to implement is to be able to click on each card my app has (and has lots of them) and get a modal view open with ...
0
votes
1answer
64 views
AngularJS: How to use directives to dynamically remove class from all elements with specific ng-model?
The solution I'm trying to attain in a nutshell, is deleting the class clicked from every element with a certain class name or ng-class name or ng-model name, then adding the class name on the button ...
0
votes
1answer
69 views
The model is updating, but not the UI
I am using the ion-datetime-picker in my ionic project. Everything works fine when I debug it in web browser. When I run it on real device, I found a problem. The input text doesn't update. I check it ...
android
0
votes
1answer
40 views
AngularJS Ionic using ng-model between two controllers
Well, try to update my code to use both .value and .factory to clean and optimize my App...
Now, my services.js looks like :
// Définition des données lues par le scan du code barre
.value("ScanDatas"...
0
votes
1answer
107 views
Using AngularJS ngModel and Form Validation to $watch two elements and test if they are equal whenever either input changes
What I am trying to do is create a directive which compares two password inputs and triggers invalid if either changes. I have found a few examples and have tried a few and have combined a few in my ...
1
vote
3answers
111 views
Angular : ng model array values got undefined in function on ng-click
I am trying to allow users to add quantity into text box. I have products array and each product contains its property. My service contains array list.
products = [{
id: 1,
name: 'X Product',
...
0
votes
1answer
17 views
angulars, directive, force ngModelCtrl.$parsers
I have a custom directive on that change the view value add classes to an input:text based on his value.
restrict: 'A',
require : 'ngModel',
link : function(scope, element, attrs, modelCtrl) {
...
0
votes
2answers
36 views
How to use one controller for multiple inputs with the same logic?
I have the following scenario, one form with multiple inputs and i need to calculate every input the same way but return the values to different fields
<div class="row">
<input type="...
1
vote
1answer
28 views
controller function sees old version of the variable
I'm trying to hook a few variables up to a function in AngularJS and while they appear to be making it to the front end, the changes made on the front end don't transfer to the back end.
Here's the ...
0
votes
2answers
129 views
Copy JSON Object of One Select to another Select ng-model using AngularJS
I'm having a JSON Collection
$scope.person = [
{
"Id": 1
"Name": "John"
},
{
"Id": 2
"Name": "Jack"
},
{
"Id": 3
"Name": "Watson"
...
-1
votes
1answer
46 views
Angularjs: ng-model not displaying properly
I have a parent and child controller relationship. This is a non-working mockup of the basic functionality. I'm sure anyone more competent than me can get it working for a Plunker or Fiddle model. (So ...
0
votes
1answer
36 views
No ng-model updates when input is focused
I am making a directive that will block render on a input while it is focused.
The use case is that we receive frequent live updates from the backend, and it will overwrite anything the user is ...
2
votes
1answer
221 views
require ngModel syntax in AngularJS
I see the following:
// my-directive.js
return {
require: 'ngModel',
scope: {
ngModel: '=',
},
controller: controller,
link: myLink
};
// my-link.js
return function(scope, $element,...
1
vote
1answer
32 views
Bind input model to every object in array
I have a simple input like this:
<input type="text" ng-model="myModel" />
and an array in my controller like this:
myApp.controller('MyCtrl', function($scope) {
$scope.arr = [
{...
0
votes
2answers
45 views
Why angularjs change variables that are different?
I am getting an ajax data from api and saving it to a variable. And I have to "edit and save" or "edit and cancel" changes on this data. I am using ng-model to show and edit this data.
Here is my ...
0
votes
0answers
26 views
angularjs lookup values from one model into another model
I am trying to lookup values from one model into another model. How do i achieve this in angular?
Model1: Insurer
Model2 : currentItems
I want to filter Insurer model based on values in ...
1
vote
4answers
68 views
How to use ng-model as element rather than attribute?
I want to use ng-model directive as element rather than as attribute inside tag,is there any way to do it?
well I've already designed my webpage in html and javascript and I want to include it in ...
0
votes
1answer
211 views
Why ng-Model is not updated in HTML input element when I set element.value in JavaScript?
For example I have HTML input field:
<input id="firstName" ng-model="applicant.firstName" type="text">
<button ng-click="updateFirstName()">Update</button>
<h4>See content of ...
0
votes
2answers
114 views
How to remove key name from AngularJS object and keep it's value?
I have checkboxes for the days of the week. I am using ng-model however cannot use the same model for each as it prevents multiple boxes from being checked. So, as a work around I have used the ...
