2. 程式人生 > >angular-列表進行添加、編輯等操作時此行變色。

angular-列表進行添加、編輯等操作時此行變色。

阿新 • • 發佈：2018-09-29
job 取數據 對數 sts 引用 就會 list info 數組

今天接觸了一個功能，就是在一個列表中，當你新增或者對第N列進行編輯，刪除等操作時這一列會變顏色。讓用戶對操作了哪行數據更認識更清晰，刷新之後這行的顏色就會消失。我覺得這個很有意思，記錄一下。效果如下。

技術分享圖片

其實它的原理是前端從後臺獲取這個列表的數據。然後在前端對要需要變色的列表list加上一個判斷是否調用變色樣式的boolean屬性，然後html頁利用[ngClass]方法改變該列引用的CSS樣式，使其顏色改變，語法如下。

技術分享圖片

當中涉及的細節還是挺多的。重點在於，它判斷是否調用樣式的屬性，例如上圖中的isDis和isAdd是在前端附加在數組上的。而添加、刪除後的數據也並非是從後臺獲取，而是直接在前端操作數組。只有刷新後才真正從後端獲取數據，此時後端數據裏沒有樣式屬性isDis和isAdd。則顏色恢復。其中對數據的操作可以記錄一下。 一、增加 在增加時用了這麽一個方法 this.joblists.unshift(returnItem)
unshift是將一組數returnItem加入到數列joblists的第一項。 二、刪除 (click)="deleteData(joblist, i)" 在點擊事件中將i(此數列的索引，可看上圖裏的 let i = index，剛剛才發現！)傳入函數deleteData中，執行以下刪除代碼 this.joblists.splice(index, 1) 三、編輯 技術分享圖片

angular-列表進行添加、編輯等操作時此行變色。

相關推薦

angular-列表進行添加、編輯等操作時此行變色。

job 取數據 對數 sts 引用 就會 list info 數組 今天接觸了一個功能，就是在一個列表中，當你新增或者對第N列進行編輯，刪除等操作時這一列會變顏色。讓用戶對操作了哪行數據更認識更清晰，刷新之後這行的顏色就會消失。我覺得這個很有意思，記錄一下。效果如下。 其

模仿文件存儲方式，來進行添加、修改、添加子類的操作。

nav urn 選中 round ssa 路徑 input rom src 結合Mysql和Php完成的一個簡單實例。 過程如下： ①.先連接數據庫，因為在多個頁面都會使用同一個連接，所以可以將連接數據庫的過程封裝成函數，方便各個頁面調用（include ‘‘）.代碼格式如

[App Store Connect幫助]二、 添加、編輯和刪除用戶（2）查看並編輯您的個人帳戶

tps 對話框 arrow -a cat 底部 lists ica 個人信息 您可以在 App Store Connect 的“編輯個人資料”中查看和編輯個人信息。如果您的 Apple ID 與多個帳戶相關聯，您可以在您的用戶帳戶之間切換。 查

添加用戶等操作

命令 linux 在進入建立用戶命令學習之前先重點回憶一個命令which，這個命令可以查找一個命令的位置。1.useradd：添加用戶2.adduser: 添加用戶這兩個都是相同的命令用法：useradd USERNAME示例: useradd tomtail -1 /etc/passwdtail

web項目啟動時配置監聽本地目錄文件添加, 刪除, 修改, 等操作

init delet break tlist 項目啟動 重新 entry ted eve 大致原理: 通過配置監聽器在web容器啟動或銷毀的時候做相應的操作, 系統目錄的監聽器使用從jdk1.7才有的WatchService 操作步驟: 1> 自定義自己的監聽器實現

Openck_Swift源代碼分析——添加、刪除設備時算法詳細的實現過程

add repl microsoft ring 磁盤 掛載 span account family 1 初始加入設備後、上傳Object的詳細流程 前幾篇博客中，我們講到環的基本原

gulp 環境配置——cdn地址、接口請求地址自動添加、seajs混淆壓縮等

index 啟動 根據 mce 靜態 設置 live build file 一、src目錄結構 ├─statics│ ├─css│ │ ├─common│ │ └─pages│ ├─img│ │ ├─common│ │ └─pages│ └─js│

jQuery的節點添加、刪除、替換等操作

fun 插入 before pla 等於 () appendto tle 事件 //幾種添加節點的方法 //$("p").append("<b>你好嗎？</b>");//向p元素中追加《b》 //$("<b>你好嗎？</b>"

列表的定義、索引、添加、刪除、查找、排序

roman shadow 彈出 pen etc new 進行 src 指定元素 變量賦值Python是一門弱變量的語言，它不用指定變量的類型，它的類型由值來決定。變量賦值的方法：1、 直接賦值a = 12、 鏈式賦值a = b = 13、 序列解包賦值a,b = 1,

ethereum入門-常用命令示例(節點添加、查看等)

ethereum查看自己節點信息 > admin.nodeInfo{enode: "enode://0911f6d8c58bb0013fe520fc63282c50892a1c1e2a6c3b2471572491673f849790a275d0f827afb4fcd1140f84f320ae

angular/ionic中對img、iframe等的src進行動態繫結變數的問題解決

例如以下程式碼： 對應的html頁面中是這樣：<iframe class=“filling” [src] = “iframe”> 在這裡直接對src進行動態繫結變數就會出現：unsafe value used in a resource URL co

用matlab畫簡單曲線，並進行標註、圖例、加網格，等操作

本人採用的是r2012版本，現簡單的畫兩條曲線，一條正弦、一條餘弦，線寬不同，命名曲線。程式如下： x=0:0.001:2*pi;%建立時間序列 y1=0.5*sin(x);%建立正弦曲線 y2=cos(x);%建立餘弦曲線 %畫對應線寬 plot(x,y1,'r','LineWidth',0.

一種動態寫入apk數據的方法（用於用戶關系綁定、添加渠道號等）

val 遇到的問題 sig 無法 暫時 lac exception 每一個 tof 背景： 正在開發的APP需要記錄業務員與客戶的綁定關系。具體應用場景如下： 由流程圖可知，並沒有用戶填寫業務人員信息這一步，因此在用戶下載的APP中就已經攜帶了業務人員的信息。 由

[linux][mysql] 命令更改表結構：添加、刪除、修改字段、調整字段順序

.com col inf size type unsigned rim alter name 原文出處：http://www.phpernote.com/MySQL/1120.html 1 常用的通過mysql命令來更改表結構的一些sql語句，包括添加、刪除、修改字

bos 第3天(easyui彈窗邊界問題、取派員的添加、修改和批量刪除)

檔案 劃分 bug servle 手機號 rules function project rem BOS項目筆記 第3天 今天內容安排： 1、解決window窗口bug 2、bos項目整體需求分析（基礎設置、取派、中轉、路由、報表） 3、取派員添加功能 4、jQuery

bos 第4 (區域excel批量導入、區域通用分頁查詢、分區的添加、分區多條件分頁查詢、分區導出excel)

sea htm 不能 長安 基金會 格式 address ret body BOS項目筆記 第4天 今天內容安排： 1、區域批量導入功能 jQuery OCUpload（一鍵上傳插件）、apache POI、pinyin4j 2、實現區域的分頁查詢 3、對分頁代碼重構

一個可以添加商品、查詢商品的程序，登錄成功的話，再去操作，添加、查詢商品，添加商品也是寫在文件裏面

指定 true rod 成功 文件 font split digi 邏輯 #寫一個可以添加商品、查詢商品的這麽程序#1、先登錄，登錄的用戶名和密碼都是寫在文件裏面的#1、讀文件、字符串分割#2、登錄成功的話，再去操作，添加、查詢商品，添加商品也是寫在文件裏面#1、讀寫文件，

RecyclerView動態添加、刪除及點擊事件

animator ttext per random param init err count text 上一節講解了RecyclerView的三種顯示方式，本節將主要研究一下RecyclerView的動態添加、刪除及其單擊和長按事件的處理。我們在上一節代碼的基礎上進行相關操

PHP.39-TP框架商城應用實例-後臺16-商品屬性2-AJAX添加、刪除

false .ajax ucc 下標 peid query 添加 split nbsp 添加商品屬性 思路：根據【後臺15】類型表｛id,type_name｝與屬性表{id,attr_name,attr_type,attr_option_values,type_id}

通過編寫串口助手工具學習MFC過程——（六）添加Edit編輯框控件

word ash 問題 相關操作 數據 說明 true 特殊功能 包含 通過編寫串口助手工具學習MFC過程 因為以前也做過幾次MFC的編程，每次都是項目完成時，MFC基本操作清楚了，但是過好長時間不再接觸MFC的項目，再次做MFC的項目時，又要從頭開始熟悉。這次通過做一個串