form.group中某個字段不可修改

原創 晓晓是个打字员 2019-02-14 19:02

框架：angular 7+ angular material

如下圖，如果是直接在dom上使用disabled，那麼在控制檯，你會發現官方給你的優化提示：
在這裏插入圖片描述
在這裏插入圖片描述
所以，如果使用下圖的寫法，將會更好：
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

angular與jsp對比

Q: angular + springmvc前後端分離 vs springmvc(jsp)區別A: 一、前後端整體結構（1）在寫springmvc(jsp)項目時，必須在controller層考慮要返回哪個頁面，頁面上塞什麼參數。（2）a

weixin_41810396 2020-07-08 11:03:21

angular中的無縫向上滾動效果

html代碼如下： <div class="slide"> <ul class="slide-ul"> <demo-slide-follow id="slide1" dataset-data = "data"></demo

今安在 2020-07-07 18:02:00

Angular用[innerHTML]顯示html文本，保留富文本在html中的行內style樣式(SafeHtmlPipe)

項目中經常需要用到富文本組件，我使用的一個輕量級的富文本組件是Trumbowyg，壓縮後文件很小。編輯文本後，顯示也是一個問題。 一段文字在輕量級文本編輯器中展示如下： 在ts中模擬此富文本： import {Componen

青颜的天空 2020-07-07 13:19:27

Angular 10 Global is not defined at ../node_modules/socket.io-parser/is-buffer.js

問題描述： Angular項目中使用了socketio-client庫， { "dependencies": { ... "@feathersjs/socketio-client": "^4.4.3",

青颜的天空 2020-07-07 13:19:27

Angular 10 - CommonJS or AMD dependencies can cause optimization bailouts warning

問題描述： 這幾天升級公司的一個Angular項目，把Angular更新到最新的10.0.1版本。 { "dependencies": { "@angular/animations": "^10.0.1",

青颜的天空 2020-07-07 13:19:24

Angular8升級至Angular10報 .ts file is part of the TypeScript compilation but it‘s unused 的warning

這幾天升級公司的一個Angular項目，把Angular更新到最新的10.0.1版本。 "dependencies": { "@angular/animations": "^10.0.1", "@angular/cdk":

青颜的天空 2020-07-07 13:19:24

Angular ReactiveForms（響應式表單）中的value和getRawValue()的區別

Angular中極好的一點就是表單，使用ReactiveForms可以方便快捷的進行表單驗證。 最近遇到一個bug，會員卡請假，可填寫請假天數（days）或設置假期截止日期（endAt），但只有一個可編輯，另一個爲disabled

青颜的天空 2020-07-07 13:19:24

AngularJS介紹與腳手架

AngularJS 什麼是AngularJS AngularJS： 是一款由Google維護的開源JavaScript庫 使用AngularJS的優點： 雙向數據綁定 代碼模塊化 依賴注入，將這種後端語言的設計模式賦予前端代

wzf666 2020-07-06 18:40:20

【angular】checkbox如何取自定義值？

angular中使用checkbox，除了默認的true和false,還可以取自定義值。 代碼如下： <input type="checkbox" ng-model='test' ng-true-value='d' ng-fals

gz-郭小敏 2020-07-06 13:20:22

關於angular中 object類型和any類型的區別

any類型是十分有用的，它允許你在編譯時可選擇地包含或移除類型檢查。 你可能認爲 Object有相似的作用，就像它在其它語言中那樣。 但是 Object類型的變量只是允許你給它賦任意值 - 但是卻不能夠在它上面調用任意的方法，即便它真的有

shanesco 2020-07-06 11:15:36

angularjs 路由切換

之前有在服務器端接觸到angular路由切換，今天想在本地實現路由，搗鼓半天終於成功了，特把步驟整理分享下，免得大家走彎路！ 1.首先引入angular.min.js和angular-route.min.js 2.然後我們來寫框架inde

lemon678 2020-07-06 10:33:59

基於Angular-animate.js和css實現的輪播圖

  最近在學習angularJS和foundation進行前端開發, 需要一款輪播圖.簡單做了一個,能夠進行無縫輪播,帶有滑動效果,點擊上/下一張時從新開始定時器輪播的功能. 首先進行外部文件的引用: <link rel="styles

qq_34079227 2020-07-06 08:01:06

angular的表單輸入綁定

因爲angular中並沒有默認雙向綁定，需要載入一個功能，纔可以使用。 <p>{{ message }}</p> <input type="text" [(ngModel)]="message"> 運行之後就報錯了，原因是使用

zengjing7373 2020-07-06 04:41:58

AngularJS內置服務器--$http服務的簡單用法

AngularJS提供了大量的內置服務，通過這些內置服務就可以快捷的進行一些業務功能流程的自動處理了，如： $window用於注入原生JS中的window對象 $document用於注入原生JS中的document文檔對象

暖夏随园 2020-07-06 04:18:32

angular常見內置指令

 控制指令：        ng-app：             用於定義Angular應用入口的指令，用於[自動引導]Angular程序的運行                          Angular通過ng-app指令，實現

暖夏随园 2020-07-06 04:18:32