小编Mil*_*los的帖子

我正在开发环境（本地主机）中使用Angular 4。我通过npm安装了很棒的字体并添加了：

"./node_modules/font-awesome/css/font-awesome.css",

到我的样式脚本。

当我在浏览器中检查图标时，一切看起来都很好：

但是我的图标没有出现在页面上，只是一个空的正方形。我究竟做错了什么？

我正在使用 Angular 12。\n我创建了一个库和一个项目。\n在我的库中，我有样式 (dark-theme.scss) 文件，我想将其提供给应用程序。

我从文档中知道我需要将资产设置为 ng-packagr。在 nx 工作区中，这是库根文件夹中的 ng-package.json 文件。

我的 ng-package.json 看起来像：

{\n  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",\n  "dest": "../../dist/libs/my-lib",\n  "assets": ["**/dark-theme.scss"],\n  "lib": {\n    "entryFile": "src/index.ts"\n  }\n}\n

库构建后，我检查了我的 scss 文件确实在路径上：

dist\\libs\\my-lib\\dark-theme.scss\n

在我的应用程序中，我想将该样式导入到通用应用程序样式（styles.scss）中：

@import "@my-lib/dark-theme.scss"; \n

还尝试过：

@import "~@my-lib/dark-theme.scss"; \n

当我尝试在 Nx 工作区中启动应用程序时，出现错误：

./apps/app-demo/src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):\nModuleBuildError: Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js):\nSassError: Can\'t find stylesheet to import.\n  \xe2\x95\xb7\n1 \xe2\x94\x82 @import "@my-lib/dark-theme.scss";\n  \xe2\x94\x82         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n  \xe2\x95\xb5\n

我正在使用Angular 4，这是我需要捕获该路由已更改并重新加载页面的组件之一中的代码。

ngOnInit() {
        this.router.events.subscribe((value) => {
          if (value instanceof NavigationEnd) {
             console.log(value);
          }
        });
    }

我的问题是我在一条路线上遇到多个“ NavigationEnd”事件。对于某些路由console.log，甚至可以写6,7个值。

那怎么可能发生？

我有一个"图层列表"(rotating_image.xml),它是一个"imageview"背景:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
    <bitmap
        android:gravity="center"
        android:src="@drawable/shadow" />
</item>
<item>
    <bitmap
        android:gravity="center"
        android:src="@drawable/bg" />
</item>
<item>
    <rotate
        android:duration="5000"
        android:fromDegrees="0"
        android:interpolator="@drawable/linear_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatCount="infinite"
        android:toDegrees="360" >
        <bitmap
            android:gravity="center"
            android:src="@drawable/button" />
    </rotate>
</item>

1)我需要在"imageview"点击开始和停止第三个图像旋转.我不知道如何引用我在layer-list中的第三项以及如何开始动画？

2)我还需要将不透明度放入列表中的第二项,是否可能？

3)我可以在这里再组合一个动画(淡入淡出),我需要它列表中的第一个项目吗？

如果我的问题很复杂,有人可以给我很好的参考或建议吗？

谢谢,米洛斯

我使用 Angular 8 和 singalR 从服务器进行图像流传输。

我注意到流媒体会减慢我的 UI 渲染速度。我希望整个流媒体部分转移到 Web Worker，并且仅将有价值的内容从 Web Worker 发送到 UI 部分。

我没有代码示例，因为我不确定我的想法是否可行。
任何人都可以给我一些提示或帖子，因为我在其中没有找到有关网络工作人员和网络套接字（signalR）连接的任何信息。

我有从服务器获取的 JSON：

 "[{\"id\":\"1\",\"name\":\"Milos\",\"city\":\"Smederevo\",\"email\":\"milos\",\"password\":\"\"},
 {\"id\":\"3\",\"name\":\"Boban\",\"city\":\"Beograd\",\"email\":\"bole\",\"password\":\"\"},
 {\"id\":\"4\",\"name\":\"Pele\",\"city\":\"Brazil\",\"email\":\"pele@pele.com\",\"password\":\"\"},
 {\"id\":\"5\",\"name\":\"admin\",\"city\":\"Smederevo\",\"email\":\"admin\",\"password\":\"\"}]"

我正在使用该 json 并发送到我的线程（android 线程）：

  try {
            // Method from which I am getting Json described above
            String s = dm.getAllUsers();

            /*JSONParser jp = new JSONParser();             
            JsonElement jelement = new JsonParser().parse(s);   
                JsonArray array1 = jelement.getAsJsonArray();*/

            JSONArray array = new JSONArray(s);
            for (int i = 0; i < array.length(); i++) {

                 JSONObject menuObject = array.getJSONObject(i);

                 // doing something with the object
            }
        } catch (JSONException e) {
            e.printStackTrace();
        }

我根本无法处理那个 Json。我收到错误“java.lang.String 无法转换为 JSONArray”。A 知道问题是由“\”引起的，我只是不知道如何摆脱“\”。

我试过：

1) …

我无法实现meta http-equiv ="X-UA-Compatible"content ="IE = edge"的真正意义.

1)如果某些用户有某个版本的IE并且他尝试打开具体页面,则该页面将在用户拥有的IE版本(最新版本)中打开.我不明白为什么我们需要那个标签来保持这个？

2)如果用户明确说他的IE(例如IE9)想要打开浏览器页面,因为某些以前的IE版本(例如IE8)会不会阻止它？

3)如果我有IE7或IE8并且此页面有元标记怎么办？该页面将在IE7或IE8中打开取决于我的计算机上最新版本的浏览器.

我真的看不到这个元标记的用途(除了用户已经调整浏览器的新版本以打开旧版本的页面的情况),或者我在这里遗漏了一些东西.

我正在开发通用 Windows 8.1 应用程序，并且有一个用于创建新联系人的页面。为了验证输入字段，我将它们放入表单中。我的表单操作不应该去服务它只需要验证字段并调用自定义函数。

HTML：

<form name="myform" onSubmit="JavaScript:OnSubmitForm()">
     <div>
         <label>
             First name<br />
             <input id="contactFirstName" class="win-textbox" type="text" name="firstName" required />
         </label>
     </div>
     <div>
         <label>
             Last name<br />
             <input id="contactLastName" class="win-textbox" type="text" name="lastName" />
         </label>
     </div>
     <input type="submit" value="Submit"/>
     <input type="button" value="Cancel"/>
</form>

JavaScript：

document.addEventListener('DOMContentLoaded', function() {
    function OnSubmitForm()
    {
        alert('click');
    }
});

我的警报永远不会在纯 HTML 项目中调用，也不会在 WinJS 应用程序中调用。我也尝试过：

  <form name="myform" onsubmit="return OnSubmitForm();">

和相同的。

仅使用表单进行输入字段验证是否是一个好方法，或者有更好的方法，为什么这不起作用？

我看到了使用typings.json的angular 2的例子:

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160725163759",
    "node": "registry:dt/node#6.0.0+20160831021119"
}

用于为某些包安装必要的打字稿文件.

从TypeScript 2.0开始我们可以通过npm与'@types/...'一起完成:

"devDependencies": {
    "@types/es6-shim": "0.31.32",
    "@types/node": "6.0.52"
  }

从我的角度来看,第二种方法更清晰.

1)有人可以更详细地解释它,如何使用,有什么区别？

2)人们也在npm中使用脚本来安装打字:":

"scripts": {
  "postinstall": "typings install",
}

如果我们把所有内容放在npm包中,是否有必要将它用于第二种方法,"npm install"是否足够？

有没有人知道调整notepad ++主题或查看崇高文本的确切步骤3.有一个链接对我来说并不完全清楚,我正在寻找其他解决方案.

我正在使用离子 3。

<ion-header>
    <ion-navbar>
        <ion-title>{{ title }}</ion-title>
    </ion-navbar>
</ion-header>
<ion-content padding>


</ion-content>
<ion-footer>
    <ion-title>
        {{ title }}
    </ion-title>
</ion-footer>

当内容超过屏幕高度时，我在“离子内容”中放入的内容不会滚动。我尝试在内容中使用网格：

 <ion-grid>
    <ion-row>
        <ion-col col-6>
            <ion-label>Some label</ion-label>
            <div>Some text</div>
        </ion-col>
        <ion-col col-6>
            <ion-label>Some label</ion-label>
            <div>Some text</div>
        </ion-col>
        <ion-col col-12 class="left-col">
            <ion-label>Some label</ion-label>
            <div>Some text</div>
        </ion-col>
    </ion-row>
</ion-grid>

还尝试使用列表：

<ion-list>
  <ion-item>Item 1</ion-item>
  <ion-item>Item 2</ion-item>
  <ion-item>Item 3</ion-item>
   ...
</ion-list>

什么都行不通。这里有什么问题？

我正在使用 Angular 12，并且正在创建动态主题更改。

当我的应用程序根据所选主题加载时，我设置所有颜色变量，如下所示：

document.documentElement.style.setProperty(colorKey, colorValue);

之后，所有颜色都设置为文档元素而不是根元素。

正如您所看到的，我还有一些根元素的变量。但这些变量在 css 文件中定义为：

:root {
    --primary: #005d7a;
    --primary-50: #edf1f2;
    --primary-400: #0094bd;
    --primary-700: #027498;
    --secondary-50: #ffebb7;
    --silver: #3a3a3a;
    --silver-light: #e4e7ea;
    --silver-light-border: #dad7d6;
    --main-background: white;
    --main-page-background: #e4e7ea;
    --main-text-color: #3a3a3a;
    --disabled-color: #ccc;
}

效果很好。

我的问题是：

1. 如何将从 ts 文件定义的其他变量设置到根目录而不是文档元素？
2. 根据帖子根选择器比文档强。那么（如上图所示）我的根primary-50颜色如何被文档primary-50覆盖？