小编vis*_*hnu的帖子

Google Chrome中的bootstrap datalist问题

我正在使用twitter bootstrap datalist来显示项目.
在FF中,项目会在开始输入后自动显示.但它没有在谷歌浏览器中显示.Chrome可能会出现什么问题?

<datalist id="d1">
  <option>13:59</option>
  <option>3:55</option>
  <option>6:55</option>
</datalist>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

html5 twitter-bootstrap

5
推荐指数
1
解决办法
8420
查看次数

使用Angularjs加密客户端本地存储数据

我有一个客户端数据存储在localStorage中.出于安全考虑,我想加密数据.有没有办法使用Angularjs加密/解密客户端数据(而不是服务器数据)?

$scope.accountObj = {
        isErrorMsg:false,
        isReadonly:false,
        createAccountErr:false        
    }; 
Run Code Online (Sandbox Code Playgroud)

local-storage angularjs

5
推荐指数
1
解决办法
1万
查看次数

包括离子2 /角2的公共标题栏

我有一个ionic-2标题栏,其中包含所有页面通用的主页或注销按钮和公司徽标.我如何编写一个通用函数(@Injectable()),这样就可以很容易地包含在所有页面中而不是重复代码.

<ion-header>
  <ion-navbar class="hide-border toolbar-btn-color" id="radio">
    <button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Send Money</ion-title>
    <ion-buttons end>
      <button (click)="goHome()">
        <ion-icon ios="ios-home" md="md-home"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
Run Code Online (Sandbox Code Playgroud)

在每个打字稿文件中,我重复了一个名为gohome()的函数.有没有办法避免这个?

ionic2 angular

5
推荐指数
2
解决办法
1万
查看次数

使用angular2限制输入字段的长度

我已经实现了使用angular2来限制输入字段的指令.它在桌面浏览器中工作正常,但在android mobile中无法正常工作.

零件

import { LimitToDirective } from '../../../directives/limitedvalidation';
@Component({
  templateUrl: 'build/pages/profile/change-basic-details/change-basic-details.html',
  directives: [LimitToDirective]  
})
export class UpdateBasicDetailsPage {
  constructor(){}
}
Run Code Online (Sandbox Code Playgroud)

指示

 import {Directive, Input} from '@angular/core'
    @Directive({
      selector: '[limit-to]',
      host: {
        '(keypress)': '_onKeypress($event)',
      }
    })
    export class LimitToDirective {
      @Input('limit-to') limitTo; 
      _onKeypress(e) {
         const limit = +this.limitTo;
         if (e.target.value.length === limit) e.preventDefault();
      }
    }
Run Code Online (Sandbox Code Playgroud)

模板

<ion-input limit-to="12" type="tel" [formControl]="aadhaarno">
Run Code Online (Sandbox Code Playgroud)

angular

4
推荐指数
1
解决办法
2万
查看次数

JavaScript 从联系电话中删除空格、国家代码和求零

我有联系人列表,需要从手机号码中删除国家代码(+91)、数字和零之间的空格(以零为前缀)。它应该只包含 10 位数字。

我曾尝试以下列方式使用 Regex,但它只从数字中删除了空格。

var value = "+91 99 16 489165";
var mobile = '';
if (value.slice(0,1) == '+' || value.slice(0,1) == '0') {
    mobile = value.replace(/[^a-zA-Z0-9+]/g, "");
} else {
    mobile = value.replace(/[^a-zA-Z0-9]/g, "");
}

console.log(mobile);
Run Code Online (Sandbox Code Playgroud)

javascript regex string replace

4
推荐指数
1
解决办法
4357
查看次数

使用角度ng-repeat生成随机颜色

如何在ng-repeat中生成随机颜色.我尝试了以下方式,但没有工作.

我收到错误,说:

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Run Code Online (Sandbox Code Playgroud)

调节器

$scope.getRandomColor = function(){
        return {
            borderLeft: '2px solid # '+Math.floor((Math.random()*6)+1)
        }       
    };
Run Code Online (Sandbox Code Playgroud)

视图

<div ng-repeat="customer in customerData" class="col-sm-3">
    <div class="contact-box" ng-style="getRandomColor()">
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

angularjs

2
推荐指数
1
解决办法
7666
查看次数

从 JSON 响应中删除反斜杠

我通过以下方式从服务器获取 JSON 错误响应,

let err = {
        "_body": "{\"error\":\"264\",\"message\":\"Please enter valid usename/password\",\"object\":null}",
        "status": 400,
        "ok": false
    }
Run Code Online (Sandbox Code Playgroud)

我想在屏幕上显示错误消息“请输入有效的用户名/密码

我尝试了以下方式,但没有运气,

console.log((this.err._body).replace(/\\/g, ''));
Run Code Online (Sandbox Code Playgroud)

javascript

2
推荐指数
1
解决办法
4199
查看次数

jQuery根据从服务器获取的类隐藏div

我有3 div个街区.基于从我的AJAX请求获得的响应,我想显示或隐藏特定块.假设我已经得到了JSON格式的响应,如下所示:

var response = [{
    "class":[
        "firstBlock",
        "secondBlock"
    ]
}]
Run Code Online (Sandbox Code Playgroud)
<div class="mianBlock">
    <div class="firstBlock">
        div content goes here
    </div>
    <div class="secondBlock">
        div content goes here
    </div>
    <div class="thirdBlock">
        div content goes here
    </div>
 </div>
Run Code Online (Sandbox Code Playgroud)

使用jQuery,如何隐藏2个块?

jquery

1
推荐指数
1
解决办法
38
查看次数

使用angular2形成maxlength字段验证

如何验证用户名与最大长度或使用MINLENGTH场angular2 不使用formbuilder.

我尝试了以下方式,但没有工作

<ion-item>
        <ion-icon name="person" item-left class="placeholder-icon"></ion-icon>
        <ion-label floating primary>Username</ion-label>
        <ion-input [(ngModel)]="login.username" ngControl="username" type="text" #username="ngForm" ng-minlength="5" required>
        </ion-input>
      </ion-item>

      <div [hidden]="username.valid || username.pristine">
        <p *ngIf="username.errors && username.errors.required" danger padding-left>
            user name is required
        </p>
        <p *ngIf="username.errors && username.errors.minlength" danger padding-left>
            min length atleast 5
        </p>
      </div>    
<ion-item>
Run Code Online (Sandbox Code Playgroud)

ionic2 angular

1
推荐指数
1
解决办法
4409
查看次数

使用 momentjs 设置当前日期和时间的格式

我想使用以下方式将当前日期和时间转换为moment.js.

使用 javascript new Date() 的当前日期和时间:Thu Jul 12 2018 09:28:51 GMT+0530 (India Standard Time)并希望将上述格式转换为下面提到的格式。

 1. Thu, 12 Jul 2018 09:31:37 GMT

 2. 2018-07-12T09:31:38Z
Run Code Online (Sandbox Code Playgroud)

javascript momentjs

1
推荐指数
1
解决办法
2895
查看次数

使用日期输入验证角度年龄

我正在尝试使用angular指令验证年龄(即大于18).谁能帮我验证年龄?

<input type="date" data-ng-model="personalDetailsObj.personalDetails.dob"  name="dob" ng-required="true" ng-class="{ 'has-errors' : personalDetailForm.dob.$invalid, 'no-errors' : personalDetailForm.dob.$valid}" age-valid="18">
Run Code Online (Sandbox Code Playgroud)

这是我的指示

.directive('ageValid', ['$filter', function($filter) {
    return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
          ageValid: '='
        },
        link: function(scope, element, attrs) {
          scope.$watch(attrs.ngModel, function(value) {
              var todayDate = new Date(),
                  todayYear = todayDate.getFullYear(),
                  todayMonth = todayDate.getMonth(),
                  todayDay = todayDate.getDate(),
                  dateFieldVal = value;
                  console.log(dateFieldVal);
                  var formattedDate = $filter('date')(dateFieldVal,'yyyy-MM-dd');                  
                  console.log(formattedDate);

              /*var isValid = (value.length === $scope.ngLength);
              ngModel.$setValidity($attrs.ngModel, isValid);*/
          });
        } 
    }
  }])
Run Code Online (Sandbox Code Playgroud)

angularjs

0
推荐指数
1
解决办法
7390
查看次数

ionic2 AlertController范围问题

我正在使用ionic2/angular2应用程序开发移动应用程序.我们必须调用另一个外部API来显示一个对话框.从另一个控件返回到我的应用程序后,AlertController范围不起作用.

    import {AlertController, Events } from 'ionic-angular';
    export class BalanceInquiryPage {
      constructor(){
        public alertCtrl: AlertController,
        public events: Events,
      }

      public balanceDetials(formdata): void {
          //fetch the device details from sqlite storage
          this.databaseService.getDeviceDetails().then((result) => {
             this.commonServices.getGeoLocation(this.deviceObj);
             setTimeout(() => {
               let geodevice = this.shareService.getDeviceDetails();
               let balanceenq = JSON.stringify({"mobileNumber":"9199403562", "expDate":"","cardDigits":""});         
              if (window.npciLib){
                 window.npciLib.balanceenq(balanceenq, function (data) {                  
                      let dataobj = JSON.parse(data);
                      if(dataobj.resp.result == 'SUCCESS'){
                        //this.events.publish('alert:presented', 'Success', 'Balance Enquiry Success.', MyaccountPage);
                        let alert = this.alertCtrl.create({
                          title: "Success",
                          subTitle: "balance",
                          buttons: [
                            {
                              text: 'Ok', …
Run Code Online (Sandbox Code Playgroud)

ionic2 angular

0
推荐指数
1
解决办法
560
查看次数