2. 程式人生 > >指令的互動與ajax異步出現的問題

指令的互動與ajax異步出現的問題

阿新 • • 發佈：2019-01-08

我們知道如果不給指令設定scope得話我們的指令的scope是跟父scope一致的

這個有一個好處

就是如果我們要把一個模型作為指令的屬性的引數傳遞給質量是ok的，所以我們編寫公用的指令，不知道父指令用有什麼屬性的時候就不設定就好了

但是，如果我們父指令中的某個模型是在ajax非同步請求以後才完成的，那麼因為我們的指令已經渲染成功了，如果我們的這個傳入的屬性是決定指令渲染的，那麼我們的指令的渲染就不會再次改變，導致失效

.directive('star', function () { // 星級評分指令 return { template: "<i class=\"icon ion-ios-star
\" ng-repeat=\" star in stars\"></i>", // scope:{"="}, link: function ($scope, element, attrs) { // 設定star的次數 console.log($scope); $scope.stars = []; console.log(attrs.stars); while (attrs.stars) { $scope.stars.push({}); attrs.stars--; } } } })

現在有一個星級評分的指令

如果我們是使用

他的父scope是這樣的

unction ($scope
, $http, $ionicLoading) { $scope.weatherInfo = {}; $ionicLoading.show(); $http.get('http://localhost:8100/views/weather/weather.json').success(function (data) { $scope.weatherInfo = data; $ionicLoading.hide(); }).error(function () { console.log("error"); $ionicLoading.hide(); });

如果我們是用

<star stars
="{{weatherInfo.recommendationRate}}"></star>

因為指令的渲染先於ajax

所以最後的時候我們的指令接受到的stars是空的

也就渲染不出來

但是如果是

<star stars="{{weatherInfo.recommendationRate}}" ng-if="weatherInfo.recommendationRate"></star>

那麼得話

一開始的時候因為是空，所以不渲染，等到ajax結束以後，屬性不是空了

就渲染了

因此，問題得到解決

相關推薦

指令的互動與ajax異步出現的問題

我們知道如果不給指令設定scope得話我們的指令的scope是跟父scope一致的 這個有一個好處 就是如果我們要把一個模型作為指令的屬性的引數傳遞給質量是ok的，所以我們編寫公用的指令，不知道父指令用有什麼屬性的時候就不設定就好了 但是，如果我們父指令中的某個模型是在a

Ajax異步方式實現登錄與參數的校驗

hasclass prim ann idcard lock stc item code repl 登錄代碼 這個是使用Bootstrap3的組件功能實現的 <div class="login_con_R"> <

ajax異步獲得json對象後格式化時間

時間格式 類的方法 取值 異步 asc 希望 div net csdn 我如今通過ajax異步獲得一個po類（以json對象形式接收）。然後希望可以格式化po對象中的一個屬性，屬性為date類型，然後在頁面顯示。頁面的實現後截圖效果例如以下： 時間屬性在後臺顯示

淺談Ajax 異步的幾點細節

數據 java 更改 span script family 阻塞 發出 spa 1.瀏覽器執行到Ajax代碼的這行語句的時候，發出了一個HTTP請求，欲想請求服務器上的數據。服務器此時開始I/O，所謂的I/O就是磁盤的讀寫，需要花費一些時間，所以不會立即產生下行的HTTP報

Ajax異步提交筆記

use 存在 無法 實例 resp 代碼 nod sof 表單 1,Ajax 　　AJAX = 異步 JavaScript 和 XML。 Asynchronous JavaScript and XML 　　XMLHttpRequest 對象 (異步的與服務器交換數據) 　　

利用ajax異步處理POST表單中的數據

利用 tex oda checkbox nbsp st表 success target .ajax //防止頁面進行跳轉 $(document).ready(function(){ $("#submit").click(function(

Ajax異步獲取html數據中包含js方法無效的解決方法

問題 java ref code bar ces dem con ash 頁面上使用js寫了一個獲取後臺數據的方法 function data() { var tab = $("#dic") $.ajax({

ajax異步上傳文件之data參數----小哈學js

style var 屬性 ada 數據 value lap sed $.ajax 下載ajaxFileUpload.js(下載網址：http://fileuploadajax.codeplex.com/downloads/get/20976) 修改ajaxFileUplo

微軟Ajax異步

input sdfs date loading head ive pan wid load <!DOCTYPE html> <html> <head> <meta name="viewport" content="wid

django+echarts+ajax異步+顯示優化--基本例子

ajax django echarts django+echarts+ajax異步+顯示優化--基本例子<div style="height:300px;"id="echarts-line"></div> ##定義要顯示的地方 <script src="/s

ajax異步加載問題

font 不能 加載 dom ont mil span 動態加載 動態 使用ajax異步加載數據，在之後需要用到這個數據時，應該將之後的js一並寫入ajax函數中，否則後面的js不能找到動態拼接的dom節點。 或者將其封裝成方法，在ajax動態加載數據的最後調用該方法。aj

理解阻塞非阻塞與同步異步

返回 check 發出 幾分鐘 分布 才會 理解 ica 消息 作者：嚴肅鏈接：https://www.zhihu.com/question/19732473/answer/20851256來源：知乎著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。 “

怎樣理解阻塞非阻塞與同步異步的區別？

得到 同步 線程 關註 ron 模型 主動 人物 而是 作者：嚴肅鏈接：https://www.zhihu.com/question/19732473/answer/20851256來源：知乎著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。 &ld

用jQuery和Json實現Ajax異步請求

登錄 iter() pat pass dtd tran java encoding find 這裏有兩個例子，一個是關於登錄驗證的，一個是異步加載數據的 1、regist.jsp <%@ page language="java" import="java.util.

Ajax異步請求幾步曲——可直接引入

javascrip 消息 script change 出錯 發送 scrip 不同的 new 引入函數ajax（method,url,postStr,dataType="json"）{ 　　return new Promise((resolve,reject)=>{.

ajax異步請求

問題 cnblogs 當前 request 成功 攔截 doc 刷新 hang 摘抄：http://www.cnblogs.com/yuanchenqi/articles/5997456.html 二　什麽是AJAX AJAX（Asynchronous Javascript

ajax 異步刷新，需要填寫的參數

希望 定義 錯誤類型 bject script -type 同步請求 addclass .ajax 參數 options 類型：Object 可選。AJAX 請求設置。所有選項都是可選的。 *******async 類型：Boolean 默認值: true。默認設置下，所

基於bootstrap的上傳插件fileinput實現ajax異步上傳功能(支持多文件上傳預覽拖拽)

允許 jquery pac locale 錯誤信息 部分 src alt date 首先需要導入一些js和css文件 ? 1 2 3 4 5 6 <link href="__PUBLIC__/CSS/bootstrap.css" rel="exte

Vue--axios：vue中的ajax異步請求（發送和請求數據）

lan his src 操作 ajax請求 itl func gin 出錯 一.使用axios發送get請求 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <me

阻塞式/非阻塞式與同步/異步的區別

被鎖 network hat roc 非阻塞io 默認 sock 操作系統 images 阻塞式IO/非阻塞IO 阻塞式IO（blocking-IO） 默認情況下，所有的套接字socket連接都是阻塞式的，在和操作系統交互的過程之中。比如說一個讀操作： 1.因為涉及到網絡數