小编Nat*_*wer的帖子

*ngIf隐藏移动屏幕上的一些内容,Angular 4

我有:

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

  • 按钮显示:块
  • DIV显示:无(但是当我点击按钮=显示:
    阻止时)

最小高度:768px:

  • 按钮显示:无
  • DIV显示:阻止

在我从示例500px调整到1000px的那一刻:这取决于我按下的按钮

angular

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

按钮添加 5 px 边框,按钮尺寸增大。盒子尺寸不起作用

在按钮上,我添加了具有 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)

html css

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

将 Swift 中的 Apple Watch 应用程序添加到 App Store 上 Ionic Framework 中的当前应用程序

我在 App Store 中有一个应用程序,它是在 Ionic 3 Framework (Angular) 中制作的。我想为 Apple Watch 制作版本。不幸的是,我不能在 Ionic 3 框架中做到这一点。

因此,我有一个问题:

我想用 Swift 语言为 Apple Watch 制作应用程序。

是否可以将在 Swift Xcode 中制作的应用程序 Apple Watch 独立版本添加到 App Store 中的当前应用程序?

iphone ios swift

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

材料设计表中的边框折叠

如何添加这样的东西:

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

css material-design angular

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

动画反弹标记 AGM 地图

如何在 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)

google-maps angular

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

在 Angular 4 TypeScript 的 JavaScript 文件中找不到名称

我有自己的脚本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)

angular

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

标签 统计

angular ×4

css ×2

google-maps ×1

html ×1

ios ×1

iphone ×1

material-design ×1

swift ×1