小编Joc*_*acx的帖子

如何使用显示/隐藏密码在离子2中创建登录

我想用离子2创建这样的设计 - > https://codepen.io/Floky87/pen/bVopyZ

这是一个具有隐藏/显示密码的登录功能.

这是我的HTML代码

<ion-header>

  <ion-navbar>
    <ion-title>Login</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
<ion-item>
      <ion-label floating primary>Username</ion-label>
      <ion-input type="text"></ion-input>
</ion-item> 
<ion-item>
      <ion-label floating primary>Password</ion-label>
      <ion-input type="password"></ion-input>
      <ion-icon name="eye" item-right (click)="showHide()"></ion-icon>
</ion-item> 
</ion-content>
Run Code Online (Sandbox Code Playgroud)

这是结果 - > http://prntscr.com/gz12xg

这是我的.ts代码

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad LoginPage');
  }
  showHide() {
    console.log('hi');
  }

}
Run Code Online (Sandbox Code Playgroud)

问题是,眼睛图标不可点击.没有来自控制台的日志.

当我点击眼睛图标时,它只允许我从密码字段输入. …

passwords login show-hide typescript ionic2

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

Laravel查询构建器在何处或何处

我想构建一个这样的查询:

select * from users where id=1 AND address="USA" AND (status="active" OR status="pending")
Run Code Online (Sandbox Code Playgroud)

我怎么能用laravel查询生成器呢?

请帮忙.谢谢!

mysql laravel-query-builder

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

如何使用 CloudFront 从 AWS S3 安全地播放 .m3u8 流文件?

我正在使用 CloudFront 签名 URL 来显示来自 S3 的图像和视频以进行保护。

除了 .m3u8 文件,它适用于图像和其他视频。

我使用了 AWS PHP SDK,这是我的代码。

<?php
    // Instantiate the CloudFront client with your AWS credentials
    $cloudFrontClient    =  new CloudFrontClient(array(
        'region'        => env('AWS_DEFAULT_REGION'),
        'version'       => 'latest',
        'http'          => [ 'verify' => false ],
        'credentials'   => array(
            'key'       => env('AWS_ACCESS_KEY_ID'),
            'secret'    => env('AWS_SECRET_ACCESS_KEY'),
    )));
    
    // Create a signed URL for the resource
    $resourceKey      =  'https://abcdefg.cloudfront.net/test/file_1000k.m3u8';
        $expires          =  time() + 3600;
        $signedUrl        =  $cloudFrontClient->getSignedUrl([
            'url'         => $resourceKey,
            'expires'     => $expires,
            'private_key' => public_path().'/pk-ABCD123.pem',
            'key_pair_id' …
Run Code Online (Sandbox Code Playgroud)

amazon-s3 amazon-web-services amazon-cloudfront aws-php-sdk

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

离子2日期时间显示当前日期到未来日期,并关注今天的日期

我目前正在使用离子2开发应用程序.

我的问题是关于datetime:我的html中有这个代码

  <ion-item>
    <ion-label stacked>Date</ion-label>
    <ion-datetime [(ngModel)]="date" formControlName="date" displayFormat="MMMM DD, YYYY" min="2017" max="2100"></ion-datetime>
  </ion-item>
Run Code Online (Sandbox Code Playgroud)

结果是=> http://prntscr.com/fz5lx6

但我想把它集中在当前日期而不是最大日期.

我怎样才能在离子2中设置它?

任何帮助深表感谢.谢谢!

ionic2 ionic2-datetime

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

错误:找不到模块'update-notifier'

每次我npm在mac终端上运行时,都会遇到此错误

Mac01:~ qa$ npm
module.js:515
    throw err;
    ^

Error: Cannot find module 'update-notifier'
    at Function.Module._resolveFilename (module.js:513:15)
    at Function.Module._load (module.js:463:25)
    at Module.require (module.js:556:17)
    at require (internal/module.js:11:18)
    at /usr/local/lib/node_modules/npm/bin/npm-cli.js:29:19
    at Object.<anonymous> (/usr/local/lib/node_modules/npm/bin/npm-cli.js:92:3)
    at Module._compile (module.js:612:30)
    at Object.Module._extensions..js (module.js:623:10)
    at Module.load (module.js:531:32)
    at tryModuleLoad (module.js:494:12)
Run Code Online (Sandbox Code Playgroud)

- > http://prntscr.com/h1r3yu

我该怎么解决?

node.js npm npm-install

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

使用 VueJS Vee Validate 的多文本字段重复器

我有一个带有 veevalidate 的多个文本字段中继器。问题是,当第一个字段出现错误时,其他字段也会受到影响。并且,在添加新字段时将继承该错误。

-> https://prnt.sc/h75byu

这是我的html

<div id="app">
  <form class="ui form" @submit.prevent="onSubmit">

    <div class="repeater" v-for="(field, index) in fieldsRepeater">
      <div class="field" :class="{error: errors.has('fname')}">
        <label>First Name</label>
        <input type="text" name="fname" placeholder="First name" v-validate="'required'" v-model="fname">
        <span class="error" v-if="errors.has('fname')">{{errors.first('fname')}}</span>
      </div>

      <div class="field" :class="{error: errors.has('lname')}">
        <label>Last Name</label>
        <input type="text" name="lname" placeholder="Last name" v-validate="'required'" v-model="lname">
        <span class="error" v-if="errors.has('lname')">{{errors.first('lname')}}</span>
      </div>

    </div>
  <button type="button" class="ui button" @click="AddField">Add Field</button>

  <button type="submit" class="ui submit button">Submit</button>
  </form>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我的 vuejs

Vue.use(VeeValidate)

new Vue({
  el: '#app',
  data() {
    return {
      fieldsRepeater: [{
        fname: …
Run Code Online (Sandbox Code Playgroud)

validation repeater vue.js vee-validate

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

如何使用vue js创建多个输入字段转发器?

我想创建一个动态表单字段,使用vue js示例输出添加多个名称 - > https://prnt.sc/h6y0pf

这是我的HTML

<div id="app">
  <h1>Vue JS Multiple Fields Repeater</h1>
  <div class="border" v-for="field in field1">
    <input v-model="field.value" placeholder="Enter First Name">
    <input v-model="field2.value" placeholder="Enter Last Name">
  </div>
  <button @click="AddField">
    New Field
  </button>
  <pre>{{ $data | json }}</pre>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我的vuejs

new Vue({
  el: '#app',
  data: {
    field1: [] ,
    field2: [] 
  },
  created: function() {
      this.field1.push({ value: '' });
      this.field2.push({ value: '' });
  },
  methods: {
    AddField: function () {
      this.field1.push({ value: '' });
      this.field2.push({ value: '' });
    } …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery vuejs2

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