我想用离子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)
问题是,眼睛图标不可点击.没有来自控制台的日志.
当我点击眼睛图标时,它只允许我从密码字段输入. …
我想构建一个这样的查询:
select * from users where id=1 AND address="USA" AND (status="active" OR status="pending")
Run Code Online (Sandbox Code Playgroud)
我怎么能用laravel查询生成器呢?
请帮忙.谢谢!
我正在使用 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) 我目前正在使用离子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中设置它?
任何帮助深表感谢.谢谢!
每次我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)
我该怎么解决?
我有一个带有 veevalidate 的多个文本字段中继器。问题是,当第一个字段出现错误时,其他字段也会受到影响。并且,在添加新字段时将继承该错误。
这是我的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) 我想创建一个动态表单字段,使用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) ionic2 ×2
amazon-s3 ×1
aws-php-sdk ×1
html ×1
javascript ×1
jquery ×1
login ×1
mysql ×1
node.js ×1
npm ×1
npm-install ×1
passwords ×1
repeater ×1
show-hide ×1
typescript ×1
validation ×1
vee-validate ×1
vue.js ×1
vuejs2 ×1