angular2-ngmodel

    13熱度

    1回答

    我正在嘗試在Angular2中執行最簡單的雙向綁定。我想分享我的組件和它的模板之間的變量。 我的模板是: <textarea [(ngModel)]="currentQuery"></textarea> 而且我的部分是: import { Component } from '@angular/core'; import { ViewChild } from '@angular/core';

    1熱度

    1回答

    對於我而言,[(ngModel)]="foo"不適用於用於恢復默認HTML5表單控件的標籤,更精確地說是單選按鈕。目標是使用這些來改變默認輸入無線電的值。我目前使用的是ng2-bootstrap,但也嘗試過紙質工具包(http://www.creative-tim.com/live/paper-kit)。 當使用NG2的自舉的記錄使用(https://valor-software.com/ng2-

    0熱度

    1回答

    我可以使用NgModel的組件交互或只使用輸入和事件? NgModel只能用於表單嗎?

    0熱度

    1回答

    我想使用帶有textField的Google Places自動填充API,以便在鍵入內容時查看城市的提案。我的textField使用ngModel綁定到變量「searchFieldValue」。 如果我在文本框中輸入某些內容,則該變量保持正確的值。但是,如果我開始輸入內容,然後從Google自動填充中選擇一些內容,則「searchFieldValue」不會更新爲所選內容 - 它只包含我輸入的內容。

    1熱度

    3回答

    我有一個綁定到模型中的值的輸入。 <input type="text" class="form-control" [(ngModel)]="currentDate"> 我有,我用它來填充這個輸入一個日期選擇器。當通過日期選擇器選擇一個值時,輸入似乎沒有更新模型,因爲它沒有向代碼中更遠的位置觸發管道。 但是,如果我手動輸入到輸入字段中,那麼ngModel確實會更新,因爲管道會根據新值啓動過濾。

    13熱度

    2回答

    有沒有辦法獲得ngModelChange上一個字段的前一個(最後一個)值? 我有是這樣的 HTML <input type="text" [(ngModel)]="text" (ngModelChange)="textChanged($event)"> 處理器 private textChanged(event) { console.log('changed', this.text,

    2熱度

    1回答

    我試圖創建一個表單,允許您編輯當前選定的任務。表單填充選定任務的數據。 我有複選框使用ngModel進行雙向數據綁定。 我也有複選框ngFor使用ngModel雙向數據綁定。 使用ngModel而不使用ngFor的複選框的行爲就像我打算的那樣。如果複選框發生變化(選中/取消選中),它將在重置爲取消按鈕後最初設置的值。 __________MY發行IS__________ 使用ngModel與ngF

    8熱度

    1回答

    我在我的一個表單中使用了JQuery輸入掩碼以及[(ngModel)],但由於某些原因,它們不能一起工作。單獨使用任何一個都可以很好地工作,但將兩個完全中斷組合在一起並且新輸入不會被髮送回組件。經過一段時間的努力之後,我認爲使用Angular 2的管道會是一個很好的解決方案,但是我無法弄清楚如何讓這兩者一起工作。 下面是一些代碼,我使用的測試我管 <input [(ngModel)]="Amoun

    41熱度

    4回答

    我有一個HTML INPUT字段。 <input [(ngModel)]="item.value" name="inputField" type="text" /> ,我想格式化它的價值和使用現有的管道: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" ..... ,並得到該錯誤消息: 不能有一個管道中的動作表情 如何在

    1熱度

    1回答

    我的表單上發生了一件奇怪的事情,或者我的行爲不正確,請讓我通過展示我的代碼向您解釋。 我定義我的組件 form = {}; 有與數據每行一個按鈕內部表單對象,當你點擊它會打開一個模式寡婦,也通過該項目作爲參數。 <a class="btn btn-warning" (click)="open(item)"><i class="glyphicon glyphicon-pencil"></i></