小编Way*_*kie的帖子

我知道我可以在台式机或Android设备上使用Chrome来"添加到主屏幕".我知道我可以在Safari iOS中使用"添加到家庭屏幕".

但是,我可以在Chrome for iOS中使用"添加到主屏幕"功能吗？

谢谢,韦恩

感谢firebase v 3.9.0,我的社交OAuth在我的离子应用程序中运行良好.我想做一点改变.当提示登录时,它会显示"登录以继续my-real-appname-12345f.firebaseapp.com".

如何将其更改为更加用户友好的内容,例如,应用程序的实际名称.

为了澄清,我使用firebase来处理Google和Facebook的身份验证.两条消息都是一样的.

谢谢!韦恩

我有一个相当简单的Angular 1.x应用程序工作正常,直到我升级到Safari 11.现在,它不起作用,因为几乎所有的js文件都被阻止.

CSS文件也是如此,但删除"rel"属性并添加type ="text/css"修复了CSS问题.

对于JS文件,我确保在脚本标记中添加type ="text/javascript".我也尝试将./添加到src的开头为giggles而且仍然无法加载.

有谁知道如何解决这一问题？

谢谢,韦恩

我很抱歉模糊,但我真的不知道该提到什么,除了我收到这个错误!我不知道为什么除了我认为它与兼容版本有关.一切都在一台机器上运行.我把它克隆到另一个并且现在有这个错误.

我正在使用angularfire2运行Angular 5.

请告诉我哪些日志等会有所帮助.

谢谢,韦恩

我也在使用ngx-pwa-localStorage所以它可能有一些东西: Chrome控制台错误:请求的版本(1)小于现有版本(2)

下面是我的package.json

{
  "name": "scriptertainment",
  "version": "0.4.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular-devkit/core": "^0.4.6",
    "@angular-devkit/schematics": "0.0.52",
    "@angular/animations": "^5.0.0",
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.2.10",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
    "@angular/service-worker": "^5.2.10",
    "@ng-bootstrap/ng-bootstrap": "^1.1.0",
    "@ngx-pwa/local-storage": "^5.2.0",
    "angularfire2": "5.0.0-rc.6",
    "bootstrap": "4.0.0-beta.2",
    "core-js": "^2.4.1",
    "firebase": "^4.12.0",
    "ionicons": "^3.0.0",
    "ngx-filter-pipe": "2.1.0",
    "ngx-swiper-wrapper": …

我想在构建 Angular 应用程序时自动打开 Chrome。但是，我无法使用 -o，因为我的默认浏览器是 Safari（我不想更改默认浏览器）。

似乎 --browserTarget 就是我所需要的，但是当我运行类似的命令时：

ng serve --browserTarget=Chrome

CLI 抛出错误：

Schema validation failed with the following errors:
    Data path ".browserTarget" should match patter ".+:.+(:.+)?"

我似乎找不到任何有关如何使用此选项来纠正该问题的文档或示例。

预先感谢，韦恩

我有一台 LG G4，想在开发过程中用它来调试应用程序。但是，我无法显示该设备。

我已按照步骤将手机设置为调试模式。

我有 Android Studio 并使用 SDK 管理器下载最新的 SDK 和工具，并安装了 Google USB 驱动程序。

我看不到我的手机，chrome://inspect也没有列出“adb devices”，也没有显示在 Android Studio 中。

我正在尝试从一列到另一列进行简单的拖放。我正在复制元素，以便右侧的列表可以有左侧元素的多个版本。别担心，我在实际追加之前设置了唯一 ID。

但是我也希望用户能够拖出框来删除相同的对象。但是一旦 DIV 放置到位（即一旦它在第 2 列中），就不能再次拖动它。最初的拖放工作正常。

我找到了处理 jQuery ui 的解决方案。我正在构建一个 angularJS 应用程序，并且对使用完整的 jQuery 或任何其他插件都不感兴趣。

帮助！

示例代码：

<div id="column1">    
    <div class="dragme" draggable="true" ondragstart="drag(event)">Item1</div>   
    <div class="dragme" draggable="true" ondragstart="drag(event)">Item1</div>
</div>

<div id="column2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

<script>
function allowDrop(ev) {
    ev.preventDefault();
}
function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    var newEl = $(document.getElementById(data)).clone()[0];
    newEl.id = newEl.id + (+new Date());
    ev.target.appendChild(newEl);
}
</script>

更新

似乎不是拖放导致了问题。任何动态添加的内容都不会拖动。我在控制台中对此进行了测试。

仅供参考......下面的代码在这里工作得很好，问题最终是我的拖/放是在一个可拖动的容器内。

<div id="column1">    
    <div class="dragme" draggable="true" ondragstart="drag(event)">Item1</div>   
    <div class="dragme" draggable="true" ondragstart="drag(event)">Item1</div>
</div>

<div …

我的 Angular 7 应用程序需要在 iFrame 中呈现。由于系统的特殊性，我需要防止 URL 更改，或者我应该说我需要 Angular 不要期望 URL 更改。

我找到了一些帖子，展示了如何在特定的路由调用中阻止它，但 URL 在应用程序加载时也会更新。

目标是维护 URL，如：website.com/applicition，即使路由发生变化以致于 window.location 没有更新。

https://website.com/application [每个视图都需要] https://website.com/application/home [不需要任何视图]

谢谢，韦恩

我知道你们中的一些人会对这个问题感到畏缩，因为我知道我所问的并不是最佳实践。然而，无论如何我都会问，并希望将虐待降到最低。

当条件语句为 false 时，ngIf 从 DOM 中删除元素。是否有设置、标志、参数等可以改变 ngIf 的行为，以便元素保留在 DOM 中并设置为 display: none ？我不是在寻找解决方法，例如 [hidden]，但我想知道是否可以更改 *ngIf 的行为。

我很快（这是关键字）更新了现有的 jQuery 项目。该项目正在对手风琴使用“.toggle()”方法。作为更新的一部分，手风琴项目现在使用 ngIf 进行过滤。因为 jQuery 代码会在应用程序加载时初始化手风琴，并使用 ngIf 删除它们，“未初始化”它们。

我使用了一种解决方法来解决该问题。但我仍然很好奇是否可以选择更改 ngIf 的行为。

我正在测试 Web 应用程序的离线 PWA 功能。使用 9.3 模拟器，我只需单击“共享”按钮，然后单击“添加到主屏幕”。

使用 11.2 模拟器，没有“添加到 Homsecreen”按钮。我错过了什么？

谢谢，韦恩

我喜欢有角材料的设计，但使用它可能会很痛苦。该站点显示了一个使用示例

<mat-icon>home</mat-icon>

但是，当我在我的项目中做同样的事情时，我只看到文本“家”。

除了导入 MatIconModule 之外，我看不到哪里需要做任何事情。

有人有线索吗？

我正在使用角材料 v8.0.1。我还安装了 material-design-icons v 3.0.1。并将其放在我的 index.html 中。（我一次做了一个）

<link rel="stylesheet" href="https://storage.googleapis.com/non-spec-apps/mio-icons/latest/outline.css">

我正在放慢从 AngularJS 到 Angular(2+) 的迁移速度，并且偶然发现了一些东西。

在 AngularJS 中，我使用了很多工厂和服务来跨指令、控制器和其他服务共享数据。可以轻松地在一处更新服务并自动更新其他地方。

但是，我尝试在 Angular 5 中以类似的方式使用服务，但当我更改服务变量时，“什么也没发生”。

我见过一些解决方案，涉及创建“拉取”新数据的函数或建议更新“Angular 更改服务”以将事件绑定到变量。

但是，我的应用程序在许多位置使用了许多变量。我必须在使用它们的每个组件中单独订阅每个变量，并更改服务以对每个变量发出更改，这似乎并不正确。

我只是错过了什么吗？

谢谢！！！韦恩

例如：

主页的组件。

import { Component, OnInit } from '@angular/core';
import { HomeButtonDirective } from '../home-button.directive';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

在主页上重复使用的按钮的指令：

import { Directive, Input, OnInit, HostListener } from '@angular/core';
import { InfoService } from './info.service';

@Directive({
  selector: '[appHomeButton]',
  providers: [InfoService]
})
export class HomeButtonDirective {
  @HostListener('click', …