我正在尝试更新未绑定到<form>组件中的输入的值，而我的研究使我开始使用Renderer2Angular提供的服务。
所以我的输入看起来像这样：
<input type="text" #zipEl placeholder="Enter zip">
<button type="button" (click)="getLocation()">
<span>Use current location</span>
</button>
在我的组件中，我试图像这样简单地设置值：
@ViewChild('zipEl') zipEl:ElementRef;
constructor(private renderer: Renderer2) {
}
getLocation() {
this.renderer.setValue(this.zipEl, '94085');
}
虽然什么都没有发生。当我单击按钮运行该功能时，输入框永远不会更新其值94085。有人知道我在做什么错吗？
提前致谢！
我目前正在做一个带有离子2 angular2和Typescript的应用程序.在启动我的应用程序的速度时,我有一个很大的问题.当我为dev或prod环境构建应用程序并将其安装在任何设备上时,需要花费大量时间来加载.
当我启动应用程序时,它显示一个长时间停留的白色屏幕,这真的很烦人,因为用户不会等待那么长时间.
我确实删除了splashscreen cordova插件,并在config.xml中将splashscreen延迟更改为0,但仍然需要花费很多时间才能加载.
在启动我的应用程序时,只会执行几个Get请求.这是我目前的Config.xml
<widget id="com.ionicframework.comvltapp596066" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>com.vlt.app</name>
<description>An awesome Ionic/Cordova app.</description>
<author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
<content src="index.html" />
<access origin="*" />
<allow-navigation href="http://ionic.local/*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="android-minSdkVersion" value="16" />
<preference name="BackupWebStorage" value="none" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="2" />
<preference name="SplashShowOnlyFirstTime" value="true" /> …我正在使用以下命令在Android设备上安装应用程序.
"离子cordova运行android"
但是当我安装另一个应用程序时,它正在取代旧的应用程序.
所以请告诉我解决方案,以便旧的和另一个新的应用程序都应该在Android设备中
我有ionic2应用程序,我想使用常见的警报控制器.所以我可以通过方法参数传输所有数据.在每个组件屏幕上,应单独处理"警告"对话框按钮.如何编写此类警报,以便根据需要处理单独组件上的按钮.请帮助我是Ionic2的新手.谢谢你.
inAppBrowser工作,它打开一个URL,但我希望它在体验中更加无缝.几乎到了你不觉得你真的离开了应用程序的程度.每当我尝试传递任何选项时,它似乎都没有.在文档中看起来很简单,你只需要传递一个由逗号分隔的长字符串,但它似乎不起作用.
我试过了:
const browser = this.iab.create('http://example.net','_self', "location=no,toolbar=no,closebuttoncaption=home,transitionstyle=fliphorizontal");
甚至:
const browser = this.iab.create('http://example.net','_self', "location='no',toolbar='no',closebuttoncaption='home',transitionstyle='fliphorizontal'");
似乎没有这些选择.在iOS上,似乎总是打开一个safari Web视图中的URL,底部是工具栏,顶部是url/location栏...
有没有其他人经历过这个？我应该提到这种行为适用于iOS
我创建了自定义组件,它显示页脚(需要在许多页面上具有相同的页脚).这是它的代码:
<ion-footer class="fh">
<ion-toolbar>
Footer
</ion-toolbar>
</ion-footer>
和CSS:
.fh .toolbar-background{
background-color: blue;
}
.fh ion-toolbar{
min-height: 15em;
height: auto;
max-height: 20em;
}
例如,这个组件名为footer-h
我想在页面中使用它,所以:
<ion-header>
...
</ion-header>
<ion-content padding>
<ion-list>
...
</ion-list>
</ion-content>
<footer-h></footer-h>
它的工作原理,我的意思是页脚显示,但是存在重叠内容的问题(页脚下列表中的其余项目无法滚动).
但是当我写这样的页面时:
<ion-header>
...
</ion-header>
<ion-content padding>
<ion-list>
...
</ion-list>
</ion-content>
<ion-footer class="fh">
<ion-toolbar>
Footer
</ion-toolbar>
</ion-footer>
一切正常,列表可滚动,没有重叠.
我有一个页面中的组件,我需要在每次导航到页面时挂钩.它包含一个mapbox地图,我发现它没有正确调整大小如果用户注册使用注册页面并拉起键盘然后返回到地图页面地图div较小,因为用户拉开了他们的键盘电话.我希望这是有道理的？
我已经尝试了这里列出的所有钩子https://angular.io/guide/lifecycle-hooks,但每次导航到页面时都不会触发.
任何帮助都会很棒.
文件：https：//ionicframework.com/docs/theming/rtl-support/
我不知道为什么这个变量$app-direction: rtl;在/src/theme/variables.scss不工作/有没有影响？
ionic --version
3.6.0
用户界面是一样的，有或没有。
根据文档，他们指出$ app-direction设置在./node_modules/ionic-angular/themes/ionic.globals.scss文件中的某个位置。至少对我来说-没有这样的变量...据我所知-我使用的是最新版本no？
嗨我正在使用ngFor在中间开始时创建一组3张幻灯片,所以我保证能够在开始时向左或向右滑动.
当我向右滑动时,我可以简单地听到reachEnd并将另一张幻灯片推到我正在循环的数组中.
但我在开头添加幻灯片时遇到问题.如果我像上面那样做并使用例如array.unshift()或spread来添加项目到开头,视图认为它在位置0并将视图捕捉到新幻灯片.
下面的代码可以工作,但它会将幻灯片更改设置为索引1.
slide = [0,1,2] //example to loop
slideChanged(event) {
if(this.slides.isBeginning()){
this.slide = [this.slide[0]-1, ...this.slide];
this.slides.update();
this.slides.slideTo(1)
}
}
<ion-slides [initialSlide]="1" (ionSlideDidChange)="slideChanged($event)">
<ion-slide *ngFor="let item of slide">
<h1>Slide {{item}}</h1>
</ion-slide>
</ion-slides>
任何帮助表示赞赏!
我是新来AngularJS并得到了与离子的一个问题-我有一个简单的表格,在这里我需要的,如果用户选择使用特定的日期显示通知(离子的警报)离子日期时间的组成部分.在规范中,我们可以找到离子取消事件,但没有像离子日期选择.
我有没有办法检测到,该用户选择了一个日期？ionChange也没有工作,因为它被多次触发.我知道,我可以订阅该模型并检查是否已更改但是可能有更好/更简单的方法？