Tag: angular-ngmodel

Verwendet in Angular.js – Die ngModel Richtlinie bindet eine input, select, textarea (oder benutzerdefinierte Formular-Steuerelement), um eine Eigenschaft auf den Umfang mit NgModelController, die erstellt und wird von dieser Richtlinie.

AngularJS - Mehrere binding - Berechnung der input-Werte

Anzahl der Antworten 1 Antworten
Baue ich ein großes Formular mit AngularJS ersetzt eine riesige excel-Tabelle mit einer Menge Formeln und Funktionen. Kurz gesagt, diese form ist ein Rechner, wo eine Menge von Werten sind abhängig von vorhergehenden Werten. Mein Aktueller Ansatz

Formular-Eingabe-arrays in eckige

Anzahl der Antworten 1 Antworten
Ich versuche es zu lernen Angular.js und ich bin gekommen, um ein problem, das sollte wohl einfach sein, aber ich kann nicht scheinen, um eine Antwort darauf finden. Erstellen Sie Formularfelder mit dem Wert "connectedTeams", wie dies

Winkel-ng-Modell nicht die Bindung an Eingabefelder

Anzahl der Antworten 2 Antworten
Habe ich folgende controller arbeiten und ich kann mit ng-repeat zur Anzeige der EIN json-Objekt, das ich habe. Habe ich nur verwendet, ng-repeat um sicherzustellen, dass die Daten tatsächlich begegnet. Aber ich kann nicht herausfinden, wie zu

Winkel: Zeigen Sie div-Inhalt je nachdem, welche option ausgewählt aus der drop-down-Menü (ng-show/ng-switch)

Anzahl der Antworten 2 Antworten
So, ich bin völlig neue front-end (Winkel, bootsrap, etc), aber ich habe hier ein JSFiddle-link, den ich erstellt habe, und was ich versuche zu tun, ist im Grunde, wenn jemand wählt die option "VA" in der drop-down-Menü,

1-Weg, 2-Weg, 3-Weg, ... oder mehr data binding in AngularJS?

Anzahl der Antworten 4 Antworten
Grob gesprochen, 1-Wege-Datenbindung ist einfach unverbindlich mit ng-model innerhalb der Seite und 2-Weg-wenn-Controller beteiligt sind. Kann mir jemand erklären, dieses Konzept zu mir, so dass ich wirklich verstehen, wie es zu betrachten? Auch, was ist 3-Wege-Datenbindung und

Aktualisierung ng-Modell von ng-value-Richtlinie

Anzahl der Antworten 1 Antworten
Ich habe eine situation wo ich paar readonly-Felder in der form wie mit anderen, um zu zeigen, das problem Sehen Sie die las zwei Eingänge sind readonly und Sie berechnet Eingänge, wo total soll-ist berechnet, indem totalDebit

Winkel-2: Wie man den ausgewählten Wert aus verschiedenen Optionen eine form?

Anzahl der Antworten 4 Antworten
Ich würde gerne eine <select> in einer form, die lassen die Benutzer in der Lage, die Werte zu aktualisieren zwischen verschiedenen <option>. Ich habe die Technik aus der Anleitung hier: https://angular.io/docs/ts/latest/guide/forms.html. Hier ist die Probe, die ich

Get user input aus textarea

Anzahl der Antworten 6 Antworten
Ich bin neu angular2. Ich möchte zum speichern der Benutzer-Eingaben aus einem Textfeld in eine variable in meine Komponente so kann ich gelten einige Logik-Eingang. Ich habe versucht ngModel aber es funktioniert nicht. Mein code für die

Binden ng-Optionen value und label ng-model

Anzahl der Antworten 3 Antworten
Ich bin mit ng-options zu generieren, die eine select-tag, dessen Optionen sind Standorte. Die Etiketten sind in der Lage, die Namen und die Werte sind die Standort-ID (in der Datenbank). Habe ich gebunden, die mit dem Wert

Wie aktualisiert ngModel s $modelValue auf der Grundlage der $viewValue update von Benutzereingaben

Anzahl der Antworten 1 Antworten
Sagen, ich habe die folgende Richtlinie: myApp.directive('myDirective', function() { return { restrict: 'A', require: 'ngModel', scope: { ngModel: '=' }, link: function(scope, elem, attrs, ngModelCtrl) { scope.$watch('ngModel', function() { ngModelCtrl.$modelValue = 'foo'; }); } } }); Und

Winkel-6 Warnung für die Verwendung von formControlName und ngModel

Anzahl der Antworten 2 Antworten
Ich neulich die eckige version-6-rc. Ich bekam folgende Warnung Wie es aussieht, bist du mit ngModel auf dem gleichen Formular-Feld als formControlName. Unterstützung für die Verwendung des ngModel input-Eigenschaft und ngModelChange Veranstaltung mit reaktiven form-Richtlinien veraltet ist

zwei-Wege-Bindung funktioniert nicht mit ng-repeat

Anzahl der Antworten 4 Antworten
Habe ich eine einfache ng-repeat-Liste, in die ich mich zuordnen aktuelle Listenelement mit dem Wert einer anderen Eigenschaft auf dem controller wie folgt: <li ng-repeat="num in list"> <input type="text" ng-init="value = num" ng-model="value" /> <button type="button" class="btn

AngularJS: ng-model Umschalten int zu string

Anzahl der Antworten 3 Antworten
Ich arbeite aktuell an einer app in Eckig. So weit, alles geht schon ganz gut. Ich bin wirklich wirklich neue Schwenk-und bin erstaunt, dass es so lange gedauert hat für die erste echte Hürde. Situation: Ich habe

Wie generieren Sie dynamisch ngModel mit *ngFor in Angular2?

Anzahl der Antworten 2 Antworten
Diese wurde verwirren mich seit zwei Tagen , wie Sie einen neuen ngModel für jede neue iteration innerhalb einer *ngFor - Schleife ? die Idee ist, dass ich laden Sie eine Liste von Fragen, die in jeder

AngularJS input nicht aktualisieren mit ng-model

Anzahl der Antworten 2 Antworten
Ich habe ein Formular mit drei Eingabefeldern: <form name="myForm" novalidate ng-controller="MainController as vm"> <div> <input type="text" ng-model="vm.id" name="idInput" required> <input type="email" ng-model="vm.email" name="emailInput" required> <input type="text" ng-model="vm.output" name="output"> </div> </form> vm.output ist eine variable definiert, die in

Wie zu fangen, den ausgewählten Wert von Optionsfeld in AngularJS?

Anzahl der Antworten 1 Antworten
Hallo jeder versuche ich, um eine MCQ Frage aus, die ich versuche zu fangen ausgewählten Wert von Optionsfeld in AngularJS. Haupt problem ich bin vor, ich bin die Bindung von Daten aus der Datenbank und die dynamische.

Was ist der Zweck der Verwendung forRoot in NgModule?

Anzahl der Antworten 4 Antworten
Was ist der Zweck der Verwendung forRoot in NgModule? Ist es das gleiche wie die Anbieter in AngularJS 1.x? Wie funktioniert es spielen die bedeutende Rolle in lazy loading? TIA. Lesen Sie diese Antwort RouterModule.forRoot(ROUTEN) vs RouterModule.forChild(ROUTEN)

Winkel-4 Kontrollkästchen trigger-Ereignis bei änderung am Modell ändern

Anzahl der Antworten 1 Antworten
HTML <input type="checkbox" id="1" [(ngModel)]="filter" (change)="onFilterChange($event)"> CheckBox <button (click)="filter = !filter">Change Status</button> TS export class HelloWorld { filter : false; onFilterChange() { console.log('filter change called'); } } Wenn ich direkt klicken Sie auf das Kontrollkästchen change-Ereignis ausgelöst

Winkel-Fehler: "Can' T bind to 'ngModel' da ist es nicht eine bekannte Eigenschaft der 'input'"

Anzahl der Antworten 16 Antworten
Ich bin mit Winkel-4 und ich erhalte eine Fehlermeldung in der Konsole: Nicht binden 'ngModel' da ist es nicht eine bekannte Eigenschaft der 'input' Wie kann ich dies beheben? Sie müssen hinzufügen FormsModule zu imports: des

angularJS-set heute zum Eingangs-Datum

Anzahl der Antworten 4 Antworten
Ich versucht hatte, stellen Sie das Datum ein input type="date" mit Winkel - ng-Modell und Wert, aber ohne Erfolg. Ich habe versucht, die Dokumentation zu verwenden von angular JS über die input-date-und die einzige Sache, die ich

Holen Sie sich ng-Modell-Wert von innen ng-repeat mit ng-wechseln

Anzahl der Antworten 1 Antworten
Jungs, ich bin neu in eckig und Probleme haben, den Wert von ng-Modell von innen ng-repeat. Ich habe ein array mit Benutzer, und ich möchte zu ernennen Benutzer mit unterschiedlichen Zugriffsebenen users = [ {id:1, level:0}, {id:2,

ng-model löst keine change-Ereignis

Anzahl der Antworten 3 Antworten
Einem Rahmen, den ich verwende (jQuery Mobile) Listener für das change-Ereignis der Texteingabefelder zur änderung des Markups. Dies ist framework-code, so kann ich nicht ändern und mit dem richtigen AngularJS-Funktionen. Bin ich verbindlich die textarea-Komponente, um eine

ng-Modell und Wert-Kombination nicht funktioniert für input-text-Feld

Anzahl der Antworten 7 Antworten
Bin ich mit zwei input-text-Feld. Ich brauche zum kombinieren der Werte in zwei Textfeldern und zeigt Sie in der Dritten. Ich bin in der Lage, um es anzuzeigen, wenn ich nur die value im Dritten Textfeld. Box

Die Bindung an beiden Eingängen das gleiche Modell

Anzahl der Antworten 2 Antworten
Wie gezeigt, in diesem plunker, Ich möchte ein <input type="number"/> <input type="range"/> die beiden Updates die gleichen $scope variable, so gut wie jede andere. Gerade jetzt, wenn ich ein update einer Eingabe die $scope-variable verändert wird, sondern

Wie zu verwenden ein Objekt als ng-Wert eines radio-Buttons?

Anzahl der Antworten 2 Antworten
Gibt es eine Möglichkeit, ein Objekt zu verwenden für ng-Wert eines radio-Buttons? Stellen Sie sich vor Sie haben einen radio-button, dessen ng-model ist ein Objekt, wie diesem: modelObject: {val:'', text:''} Wäre und das ist die radio-Taste: <input

Winkel checkbox mit ng-klicken Sie auf zurücksetzen, um die ng-Modell, ist gebunden an die checkbox, so verhindern, dass die checkbox wird deaktiviert

Anzahl der Antworten 4 Antworten
Ich habe einige Logik, die auf bestimmte senario, ich will das erste Kontrollkästchen immer aktiviert. Also, wenn Benutzer versucht, um Sie zu deaktivieren, will ich mit ng-klicken Sie zum ändern der ng-Modell verknüpft, um die Einstellung auf

So rufen Sie den Wert aus der textbox mit AngularJs?

Anzahl der Antworten 4 Antworten
$scope.add=function() { //How to retrieve the value of textbox } <input type='text'><button ng-click='add()'></button> Wenn ich auf den button klicken, wie kann ich die Daten des textbox-Wert in der Steuerung und fügen Sie diesen Wert in die Tabelle

Wie bekomme ich das ng-Modell von einem select-tag zu Holen Sie sich die zunächst gewählte option?

Anzahl der Antworten 6 Antworten
Ich bin ziemlich neu zu Eckig, also ich kann mich über diese alle falsch... Habe ich ein <select> die der folgenden ähnelt: <select ng-model="mySelectedValue"> <option value="">--</option> <option ng-repeat="myValue in someDynamicArrayOfValues" value="{{myValue}}" ng-selected="myFunctionForDeterminingWhetherValueIsSelected(myValue)">{{myValue}}</option> </select> Dieser funktioniert auch meistens...

Zugleich verbindliche Wert-und text-wählen Sie im dropdown in angular.js

Anzahl der Antworten 2 Antworten
Habe ich das dropdown Menü in meine Seite <select ng-options="col.col_id as col.col_name for col in meta_data.x_cols" ng-model="obj.x"> </select> Da das Modell eingestellt ist obj.x kann ich den Zugriff auf $scope.obj.x in jedem $scope Funktion. Natürlich, es gibt

Wie zu $setdirty auf einem einzigen Eingang

Anzahl der Antworten 3 Antworten
Ich habe da ein kleines problem. Ich möchte zu setzen, um schmutzige einen einzigen Eingang, den ich meine, weil wenn ich geben Sie einen Wert automatisch, es bleibt in pristine Klasse, nicht ändern und nicht speichern Sie

Dasselbe Formular zum erstellen und Bearbeiten von Daten Angular4

Anzahl der Antworten 1 Antworten
Hier ist eine form mit zwei-Wege-gebundenen Eingabefeldern. Das Ziel war, die gleiche form zu erstellen und Bearbeiten von Daten. Das war erreicht, aber ich bin mir ziemlich sicher, dass es einen besseren Weg, dies zu tun (wie

Wie zu Beobachten Richtlinie Direktive ng-model

Anzahl der Antworten 1 Antworten
Habe ich eine Richtlinie verwendet, die die übergeordneten Bereich in der Ansicht. Diese Richtlinie hat ein Kind Richtlinie, verwendet einen isolierten scope. Ich werde versuchen, die übergeordneten Richtlinie zu beobachten, alle änderungen durchgeführt, um die ngModel des

Ionischen 2 und ng-model

Anzahl der Antworten 1 Antworten
Ich wirklich das Gefühl, als ein "early adopter", denn Google konnte nicht einen Weg finden, zu beheben mein Problem 🙂 Bin ich irgendwie immer diesen Fehler: Kann nicht gebunden werden zu "ng-model", denn es ist keine bekannte

Angularjs - view Wert ist, keine Aktualisierung der Anzeige

Anzahl der Antworten 2 Antworten
Bekam ich eine input-Richtlinie, die es den Nutzern ermöglichen soll rückgängig zu machen. Enter speichert den Wert über eine Funktion, die Esc Bearbeitungen Abzubrechen von dem letzten speichern. Für die Esc keypress-event und ich bin mit ngmodel.$setViewValue(scope.last_saved_value)

Wie binden Sie die src von einem Bild zu ng-Modell und entpacken Sie es in Eckige?

Anzahl der Antworten 2 Antworten
Ich soll binden die Quelle ein Bild, um die Quelle von einem anderen Bild. In das Ergebnis, die Quelle von dem großen Bild, sollte verpflichtet werden, die src des angeklickten kleiner (thumbnail) des Bildes. Ist das möglich

Angular JS: ng-repeat mit dynamischen ng-model

Anzahl der Antworten 4 Antworten
Habe ich diese arbeiten Stück code, der wiederholt mehrere Male, daher wäre toll für eine ng-repeat-Schleife. Zum Beispiel zwei Instanzen von meinem code sind die folgenden. <div> <input type="text" ng-model="searchParamaters.userName" placeholder="User Name"/> <i class="fa fa-times" ng-click="resetSearchField(filterParamDisplay[0].param)" ng-show="showParam(filterParamDisplay[0].param)"></i>

angularjs: benutzerdefinierte Richtlinie zu überprüfen, ob ein Benutzername existiert

Anzahl der Antworten 1 Antworten
Ich habe meine Registrierungs-Formular mit Textfeld Benutzername. Ich will zu tun ist, wenn der Benutzer geben Sie den Benutzernamen, die benutzerdefinierte Richtlinie wird überprüft, ob der eingegebene Benutzername in der Datenbank vorhanden. directives.js angular.module('installApp').directive('pwCheck', function ($http) {

Dynamic ng-model name in AngularJS Formular

Anzahl der Antworten 2 Antworten
Ich habe eine AngularJS Formular, wo ich bin mit ng-repeat zu bauen, die Felder des Formulars dynamisch auf der Basis einer anderen Auswahl. Ich versuche zu generieren, werden die Modell-Namen dynamisch und bin in Probleme laufen. <div

Wie zu erkennen, bootstrap datetimepicker-change-events innerhalb angular2

Anzahl der Antworten 5 Antworten
Ich bin mit dem bootstrap datetimepicker im Winkel 2 https://eonasdan.github.io/bootstrap-datetimepicker/ In meinem template habe ich: <div class='input-group date datepicker'> <input type='text' class="form-control" [(ngModel)]="date"> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar" (click)="getCalendar()"></span> </span> {{date}} </div> Das problem ist, wenn ich

ng-model werfen Fehler auf input-Typ number in den eckigen 1.3

Anzahl der Antworten 6 Antworten
Ich habe ein Eingabefeld, in das ich will er den Benutzer zur Eingabe einer Zahl, so habe ich mir vorgenommen ein input-Feld mit type="number". Wenn ich es in 1.2 bekomme ich keine Fehler <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script> <script> var

Versucht zu ersetzen Leerzeichen mit Bindestrichen mit ng-model

Anzahl der Antworten 3 Antworten
Ich bin neu in AngularJS und versuchen, zu erstellen eine einfache Anwendung, die mir erlauben, um Dateien hochladen zu meinem Laravel driven website. Ich will die form zu zeigen, mir die Vorschau von dem, was die hochgeladenen

Mehrere ng-Modelle, die auf ein input-Feld?

Anzahl der Antworten 1 Antworten
Ich habe ein Formular und eine Liste von Elementen. Ich verwendet ng-model="searchFor" heraus zu filtern, die Liste der Elemente entsprechend (dieser Teil ist in Ordnung), aber ich möchte auch den "submit" - das Element, das gefiltert wurde-die

Contenteditable mit ng-model nicht funktioniert

Anzahl der Antworten 2 Antworten
Ich versuche zu speichern, den Wert einer contenteditable um meinen JS-code. Aber ich kann nicht herausfinden, warum ng-model funktioniert nicht in diesem Fall. <div ng-app="Demo" ng-controller="main"> <input ng-model="inputValue"></input> <div>{{inputValue}}</div> //Works fine with an input <hr/> <div contenteditable="true"

Wie Sie programmgesteuert deaktivieren Sie Kontrollkästchen?

Anzahl der Antworten 2 Antworten
Ich will programmgesteuert deaktivieren Sie ein Kontrollkästchen. Ich weiß, wie es in der javascript-aber da bin ich mit eckigen, ich denke, es ist anders. Hier ist der link zu jsfiddle : https://jsfiddle.net/TKVH6/499/ Dies ist das erste mal

Wie setzen Sie den Anfangswert des ng-Modells eine leere Zeichenkette in angularjs?

Anzahl der Antworten 1 Antworten
Ich möchte in der Lage sein, meine anfängliche Wert für ein Attribut von meinem Modell als solches <input type="text" ng-model="selectedModel.title" name="title" value="" > Wie oben gezeigt, ich möchte den Wert des Attributs ein leerer string als zunächst

Radio-Buttons ng-geprüft ng-model

Anzahl der Antworten 3 Antworten
In meiner HTML Seite, habe ich zwei Sätze von Boolean-basierte radio-buttons: Beschriftet: "ja" und "Nein" /Werte: Wahr und False beziehungsweise. Ich bin bevölkern eine ganze form von einem PostgreSQL Datenbank-Tabelle, mit denen der authentifizierte Benutzer das Formular

Update AngularJS ng-Modell nur bei Tastendruck eingeben?

Anzahl der Antworten 3 Antworten
Habe ich das input-Feld ich benutze für die Suche: <input id="search_input" type="text" ng-model="filter.search_terms"> Es gibt viele andere Filter, die ich benutze (checkboxes, radio, etc) und ich habe einen $sehen Sie auf filter, um alle änderungen werden in

Winkel - ng-ändern Sie nicht feuern, wenn ng-Modell geändert wird

Anzahl der Antworten 3 Antworten
Die Eingabe ist die folgende: <input type="text" ng-model="repair.test" ng-change="action()" /> Den action() ausgeführt wird, wenn ich manuell eingeben und ändern Sie die Eingabe. Allerdings, wenn ich die Reparatur.test Wert durch eine andere Funktion, die Sie programmgesteuert, es

AngularJS checkbox-filter

Anzahl der Antworten 2 Antworten
Würde ich mag, um die Ergebnisse zu filtern. Es gibt eine Liste der Weine, mein Wunsch ist es, wenn keine checkbox aktiviert ist, wird die gesamte Liste der wine angezeigt. wenn nur 1 checkbox aktiviert ist wird

Angular2 Datenbindung für kundenspezifische wiederverwendbare Komponente

Anzahl der Antworten 2 Antworten
Ich will eine Vorlage, die aus einem label und textbox. Mit dieser Vorlage können Sie wiederverwendet werden, die an verschiedenen Orten in meiner Seite. zu tun, die ich erstellt habe eine MyTextComponent. Ich möchte wissen, wie ich