關于angularJs 遇到的小坑

RaoMeng 發布于2019-08-21 11:36 / 2959人閱讀

摘要：最近做一個項目，應該來說比較簡單的輸入框驗證地址而已，允許空值首先是對地址進行檢驗匹配是否正確，開始我在指令中是這樣寫的。

最近做一個項目，應該來說比較簡單的輸入框驗證ip地址而已，允許空值

首先是對ip地址進行檢驗匹配是否正確，開始我在指令中是這樣寫的。我輸入空格后會提示輸入有誤，可是這就有一個問題了，我在輸入框中刪除空格后提示并不會消失，我就想應該先判斷dns是否輸入空格，可是各種姿勢過后我發現沒有辦法區分是否輸入空格。

    /**
     * 檢驗ip
     */
    jbconsole.directive("checkIp", [function () {
        return {
            require: "ngModel",
            link: function (scope, element, attr, ngModel) {
                if (ngModel) {
                    var ipRegexp = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?).){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
                }
                var customValidator = function (value) {
                    if (/^s+$/.test(value)) {
                        var validity = ipRegexp.test(value);
                    } else {
                         validity = ngModel.$isEmpty(value)
                    }
                    console.log(validity)
                    ngModel.$setValidity("checkIp", validity);

                    return validity ? value : undefined;
                };
                ngModel.$formatters.push(customValidator);
                ngModel.$parsers.push(customValidator);
            }
        }
    }])

jade中

input.form-control(type="text" 
                    name="dns" ng-model="appForm.dns" 
                    placeholder="255.255.255.255" 
                    check-ip)
.text-fail(ng-if="appNewForm.dns.$invalid" ) 輸入有誤

然后我想是不是angular的ng-model 對空格進行了處理，遂在本地進行了一個測試,監聽ipt的值變化，發現空字符和有空格的字符串是有區別的，果然是ng-model對字符串進行了trim()操作

接下來，通過google，發現需要加上ng-trim="false"這個指令就可以了，看來google才是程序員真愛

這個問題雖然是一個小問題，是我對angular學習的不夠深刻，記錄下來萬一大家和我遇到了同樣的困擾了呢

在做項目的時候遇到了一個angular打包后的坑，之前在開發環境文件沒有壓縮混淆之前一切都是正常的，但是壓縮后報了這樣的錯誤

我當時就納悶了，然后就去看代碼是否寫的規范，是不是分號什么的忘寫了什么的。后面才發現自己指令寫法有點問題，沒有壓縮的時候，angular能正常的注入，但是壓縮后無法工作

angular.module("myApp").directive("permissionAccess", function($rootscope, $timeout) {  });

需要改成

angular.module("myApp").directive("permissionAccess", ["$rootscope","$timeout",function($rootscope, $timeout) {  }]);

其實也不是坑，就是寫代碼呢一定要按規范來

嗯，記錄一個并不是anuglar的問題，也不屬于坑，但是屬于自己對基礎知識掌握的不鬧靠照成的錯誤

列子：

 $scope.obj = {
                "1238fdd" : {a:"1"},
                "7614c08" :{a:"1"},
                "c7b2636" : {a:"1"},
                "39696a0" :{a:"1"},
            };
{{key}}_{{val.a}}

得到的結果并不是想的按順序渲染的

就是ng-repeat 對象時，并不是按照順序來的，其實就是因為Object類型for in時沒有固定順序的，是無序的

云服務器 GPU云服務器布局遇到的問題 angularjs的cdn php開發遇到的難點學習遺傳算法遇到的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86909.html

python打包exe后設置隨系統啟動并讀取配置文件遇到的一點小坑

摘要：打包成一個文件，這個技術網上有不同的框架技術可以實現，就略過了，我用的是。這里主要說的是，當這個配置成隨系統啟動，則是自動啟后，當你試圖讀取同一目錄下的文件的時候，會發現找不到該文件。 python打包成一個exe文件，這個技術網上有不同的框架技術可以實現，就略過了，我用的是pyinstaller。這里主要說的是，當這個exe配置成隨系統啟動，則是自動啟后，當你試圖讀取同一目錄下的文...

shixinzhang 2019-07-31 10:55 評論0 收藏0
【PPic】基于Electron+Vue+iView的圖床應用設計

摘要：其實這個應用并不是那么的特別需求，一來本人寫越來越少，二來開發工作也是越做越少，再者目前的編輯器幾乎都支持直接剪切板上傳圖片，使圖床應用的場景越來越少。其實這個應用并不是那么的特別需求，一來本人寫blog越來越少，二來開發工作也是越做越少，再者目前的編輯器幾乎都支持直接剪切板上傳圖片，使圖床應用的場景越來越少。不過本人本著不想丟棄技術的內心想法，以及鍛煉自己寫一個完整項目，還是開啟了...

call_me_R 2019-08-21 11:51 評論0 收藏0
使用java google protobuf遇到一個的小坑

摘要：公司使用來作為通訊格式，一個同事這樣的寫法文件格式使用的時候這時候拿到的是一個要是改成這樣這時候拿到的是一個為什么會出現這種情況呢讀了源碼才知道是這樣處理的這里發現只要才會進行包裝，要不調用的是那么是什么時候變成不為呢繼續看代碼發現只要是調公司使用protobuf來作為通訊格式，一個同事這樣的寫法proto文件格式： message PlayerFightQueue { op...

tinysun1234 2019-08-14 16:58 評論0 收藏0
微信樣式組件遇到的小坑

摘要：在引入官方的文件時，不起作用，如圖然后我們來看下頁面的效果然后經過一番作死之后，我把下劃線改成了中隔線，上代碼看看效果效果如下圖純屬個人小分享，請大牛略過在引入官方的文件時，不起作用，如圖：showImg(https://segmentfault.com/img/bVMplF?w=837&h=154); 然后我們來看下頁面的效果：showImg(https://segmentfaul...

lushan 2019-08-29 12:26 評論0 收藏0
微信樣式組件遇到的小坑

摘要：在引入官方的文件時，不起作用，如圖然后我們來看下頁面的效果然后經過一番作死之后，我把下劃線改成了中隔線，上代碼看看效果效果如下圖純屬個人小分享，請大牛略過在引入官方的文件時，不起作用，如圖：showImg(https://segmentfault.com/img/bVMplF?w=837&h=154); 然后我們來看下頁面的效果：showImg(https://segmentfaul...

余學文 2019-08-20 15:52 評論0 收藏0