我有:
showHide: false;
<div *ngIf="showHide">
Content
</div>
<button (click)="showHide = !showMap">
Button visited only max-width: 768px
</button>
Run Code Online (Sandbox Code Playgroud)
在MAX宽度:768px,我有一个按钮.在MIN-width:768px按钮是隐藏.当我点击按钮时 - 它会显示DIV.它工作正常.
但
如何使*ngIf仅在MAX宽度:768px时工作?
最大高度:768px
最小高度:768px:
在我从示例500px调整到1000px的那一刻:这取决于我按下的按钮
在按钮上,我添加了具有 5px 边框底部的活动类。按钮大小增加 5 像素。我不想增加按钮大小。有什么简单的方法可以做到这一点吗?盒子大小调整不起作用。
*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container {
width: 100%;
border: 2px solid blue;
}
.button {
background: black;
width: 150px;
border: 0;
padding: 20px;
margin: 0;
color: white;
}
.active {
border-bottom: 5px solid yellow;
}Run Code Online (Sandbox Code Playgroud)
<div class="container">
<button class="button active">button active</button>
<button class="button">button</button>
</div>Run Code Online (Sandbox Code Playgroud)
我在 App Store 中有一个应用程序,它是在 Ionic 3 Framework (Angular) 中制作的。我想为 Apple Watch 制作版本。不幸的是,我不能在 Ionic 3 框架中做到这一点。
因此,我有一个问题:
我想用 Swift 语言为 Apple Watch 制作应用程序。
是否可以将在 Swift Xcode 中制作的应用程序 Apple Watch 独立版本添加到 App Store 中的当前应用程序?
如何添加这样的东西:
border-collapse: collapse;
Run Code Online (Sandbox Code Playgroud)
在材料设计表?
当我向.mat-cell添加边框代码时:
.mat-cell {
border: 1px solid;
}
Run Code Online (Sandbox Code Playgroud)
在某些地方,边界看起来像2px.
我想添加边框,因为我想在悬停时更改颜色.
Stackblitz: https ://stackblitz.com/edit/angular-bmnxfa-jmgwnp
如何在 AGM Map Angular 2+ 中添加动画反弹标记?像这样:
https://developers.google.com/maps/documentation/javascript/examples/marker-animations
Run Code Online (Sandbox Code Playgroud)
普伦克:
http://plnkr.co/edit/YX7W20?p=preview
Run Code Online (Sandbox Code Playgroud) 我有自己的脚本extraQU.js放在index.html 中。
<script src="assets/extraQU/extraQU.js"></script>
Run Code Online (Sandbox Code Playgroud)
在users.component.html我有:
<div [innerHTML]="someVar"></div>
Run Code Online (Sandbox Code Playgroud)
在users.component.ts我有:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
export class UserPage {
constructor(public navCtrl: NavController) {
}
someVar = extraQU(
{
numbers: [1, 3, 2, 0, 1, 0],
letters: ['T', 'C', 'D', 'G', 'A', 'E'],
}, 'letters'
);
}
Run Code Online (Sandbox Code Playgroud)
这工作正常。
[innerHTML]="someVar"显示我的功能extraQU。
extraQU.js
Run Code Online (Sandbox Code Playgroud)
在user.component.html 中渲染一些<table> <td> <tr>等等...
我很满意。
但是,我不知道为什么 TypeScript 以红色突出显示extraQU并显示:
[ts] …Run Code Online (Sandbox Code Playgroud)