原创 Angular6學習筆記（八）Angular中異步處理總結---RXJS
在Angular中對異步數據的處理有以下幾種: 回調函數 Promise RXJS 這裏我們直接貼代碼，前提是有可用的Angular開發環境，然後我們自己建立一個測試組件home,然後自己建立一個服務common 然後在我們的app.co
2020-07-04 04:06:40
3
原创 Angular6學習筆記（七）父子組件通信
一、父組件給子組件傳值 @Input 父組件給子組件不僅可以傳遞簡單的數據，還可以把父組件的方法以及整個父組件傳遞給子組件。 1、父組件調用子組件的時候傳入數據 <app-header [title]="title"></app-h
2020-07-03 03:05:53
3
原创 Angular6的輪詢及終止輪詢
場景： 在Angular6中需要在每隔3秒中調用一個方法，進行業務邏輯檢查，若檢查通過，則停止輪詢，否則就一直輪詢下去。 方法： 直接使用 setInterval 和 clearInterval 代碼如下： const ti
2020-07-01 20:02:16
3
原创 Angular6二維碼組件
需求： Angular6框架下可以根據內容生成對應的二維碼。 方案： 這個我們直接使用 angular2-qrcode插件就可以。 具體使用過程： 1、首先安裝 angular2-qrcode npm install
2020-07-01 20:02:16
1
原创 Angular6中打開新的窗口
需求： Angular6的環境下，在一個頁面中有一個<a>標籤，點擊鏈接後，需要跳轉到新的頁面（注意新的頁面是在瀏覽器的新窗口中打開）。 方案： 使用angular 的路由功能，使用 routerLink 屬性處理。 具體過程
2020-07-01 20:02:16
原创 Angular6調用js文件的兩種方式
1：全局引用 一般我們會把本地的js文件放在assets目錄下，然後在angular.json文件中的scripts中添加引用 "scripts": ["xxx.js", "../../assets/yyy.js"] 在調用插件的t
2020-06-29 22:37:25
1
原创 Angular學習筆記（六）-Angular操作dom實現側邊欄的顯示與隱藏的動畫效果
背景：同樣，本篇爲根據學習視頻的筆記記錄，主要是angular實現的一個簡單的側邊欄，並通過對dom的操作，實現側邊欄的動畫隱藏顯示的效果，很簡單的一個示例。 看代碼：在主項目中建立一個動畫組件 ng g c transition tr
2020-06-29 03:27:40
66
原创 Angular學習筆記(五)之Angular服務及實現數據前端持久化
這篇筆記主要是以網上的一個視頻教程爲基礎，記錄視頻中的實踐操作，主要實現了一個類似於京東搜索和toDoList的操作，其中包括的知識點主要是Angular組件如何調用服務，以及通過服務實現Angular前端數據的持久化。 先看最終的效果，
2020-06-25 19:24:05
1
原创 Angular學習筆記（[ngClass]、[ngStyle]）
在angular中可以通過 [ngClass]、[ngStyle]動態的設定模板元素的樣式 ts文件： import { Component, OnInit } from '@angular/core'; @Component({
2020-06-24 15:51:48
原创 Angular學習筆記之雙向綁定
首先，先看Angular官方中對數據綁定的描述： 數據綁定是一種機制，用來協調用戶可見的內容，特別是應用數據的值。 雖然也可以手動從 HTML 中推送或拉取這些值，但是如果將這些任務轉交給綁定框架，應用就會更易於編寫、閱讀和維護。 你只
2020-06-24 15:51:48
原创 Angular學習筆記（屬性綁定）
1、創建一個名爲myComName的組件： ng g component myComName 2、綁定數據 控制類定義屬性： msg='這是我的消息' .html頁面中獲取上面的msg內容 {{msg}} 3、綁定屬性 <div
2020-06-24 15:51:48
原创 Angular6學習筆記之使用原生的js獲取視圖控件的值
這裏僅做個記錄，一般在angular中直接通過原生的document 獲取值是很少用的，其官方也不推薦，但往往有時在實際開發中需要用到，直接貼代碼： 視圖層代碼： <input type="text" id="username" > 數
2020-06-24 15:51:48
原创 Angular6項目的打包部署
一、摘要 今天記錄Angular6項目的打包部署。當我們開發好一套系統後，項目的部署也是很關鍵的一步。 二、前提 已經有一個正常的Angular6開發環境，並且在本地的開發環境中可以正常的啓動，訪問自己的an
2020-06-24 15:51:48
原创 Angular6集成bootstrap dateRangePicker
環境： Angular6 需求： angular環境下的表單開發，需要用到時間控件，在網上看到最多的是集成bootstrap的dateRangePicker,但是很多都是直接貼過來的，還存在一些實用性的問題，這裏記錄下
2020-06-22 05:21:28
1
原创 禁用表單中input框的自動禁用功能
需求： 在網頁的表單輸入框中，經常會顯示之前輸入的歷史，我們有時並不想看記憶的數據，怎麼處理？ 方法： 禁用input自動記憶，設置input的屬性 autocomplete="off" 即可，默認爲 autocomplete="
2020-06-22 05:21:28