小编Edr*_*ric的帖子

我尝试使用该track元素，但没有用。.能否请您告诉我是否做错了什么？

<video controls="controls" id="video1" width="450">
    <source src="A taste of TED.mp4" type="video/mp4">
    <track src="TED.vtt" kind="subtitles" srclang="en" label="English">
 </video>

字幕文件（TED.vtt）如下所示：

WEBVTT

1
00:00:01.000 --> 00:00:10.000
This is the first line of text, displaying from 1-10 seconds

2
00:00:15.000 --> 00:00:20.000
And the second line of text
separated over two lines

当按下“立即进入”按钮时，我试图将我的视图移出屏幕：

export class Onboarding extends Component {

  constructor(props) {
    super(props);
    this.state = {
      offsetX: new Animated.Value(0),
    }
  }

  hideOnboarding() {
    console.log("hiding"); // <-------- prints out when button pressed
    Animated.timing(
      this.state.offsetX,
      { toValue: new Animated.Value(-100) }
    ).start();
  }

  render() {
    return (
      <Animated.View style={{ transform: [{translateX: this.state.offsetX}] }}>
        ...
        <TouchableOpacity onPress={ () => { this.hideOnboarding() } }>
          <View style={styles.enterButton}>
            <Text style={styles.buttonText}>Enter Now</Text>
          </View>
        </TouchableOpacity>
      </Animated.View>
    );

但是当我点击我的按钮时没有任何动静。我的控制台语句虽然有效。有谁知道我做错了什么？

所以我正在尝试使用MdDialog来显示错误消息.不幸的是,它似乎不是一个弹出窗口,而是作为页面底部的一个块.

我需要查看或更改以使其正常工作？

代码如下

共modal.component.html

<h2 md-dialog-title>{{ title }}</h2>
<md-dialog-content>
    <p>{{ message }}</p>
</md-dialog-content>
<md-dialog-actions align="right">
    <button md-raised-button md-dialog-close>{{ closeText }}</button>
    <button md-raised-button *ngIf="enableNext" id="sm-next-button"
            (click)="dialogRef.close(true)">{{ nextText }}</button>
</md-dialog-actions>

共modal.component.ts

import { Component }   from '@angular/core';
import { MdDialogRef } from "@angular/material";

@Component({
    selector: 'common-modal',
    templateUrl: 'common-modal.component.html',
    styleUrls: [ '../modal.component.scss']
})
export class CommonModalComponent {
    /**
     * The text for the header or title of the dialog.
     */
    title: string;
    /**
     * The text for the body or content of the …

在第一次进入我的 /home 路线时，我的导航按钮没有获得材质样式，.mat-button 的长样式链，包括 min-width: 88px （我发现这是一个非常好的搜索键）。该样式包含在 vendor.bundle 中。它接收许多其他样式，例如 flex-layout 等。

当我从 Chrome 控制台查看它时，样式表未列在元素的适用样式中。当我查看DOM（在elements->head下）时，vendor.bundle.js表没有列在加载的样式中！当我导航到 /login 并停留在那里时，它会被加载。比较 home.module 和 login.module 后，我在后者中找不到任何导入，但在前者中找不到（除了路由模块和两个模块的私有组件）。

奇怪的是：这只发生在初始进入的 /home 路由上。所有其他路由（例如 /login - /home 和 /login 都没有路由保护）可以看到材质样式（带有最小宽度为 88px 的更宽按钮等）。更好奇的是，如果我导航到任何路线并返回/home，则材料样式会重新出现。它们没有出现的唯一情况是当我输入 /home 到浏览器 URL 框时。

请注意，导航按钮是我的 app.conponent（home.component 的父级）的一部分。我不知道为什么初始导航到 /home 会改变 app.component 的样式。

网络跟踪显示，在加载 /home 后，当我切换到 /login 并返回到 /home 时没有加载任何其他内容。

config:
@angular/cli: 1.4.4
@angular/core: 4.4.4
@angular/material: 2.0.0-beta.11

我说的88px在很多地方都可以找到，包括material/bundle/material.umd.js line 3744

MdButton.decorators = [...

关于如何调试这个有什么建议吗？这真让我抓狂。

我在应用程序中有一个搜索功能.当用户点击搜索按钮时,数据在[(ngModel)]中被捕获并传递给服务,URL被重定向到搜索组件的html.该服务被注入"搜索"组件并显示数据.

现在,当用户输入新的搜索词时,我想刷新现有的搜索组件.这样做的正确方法是什么？

search.component.ts

import { Component, OnInit } from '@angular/core';
import { DataService } from '../service/data.service';

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

userInput : string; 
constructor(private data : DataService) { }

ngOnInit(){
    this.search();
}

search(){

    this.userInput = this.data.searchData;
    console.log('in search init  ' + this.userInput);
    this.data.searchData = "";
 }
}

app.component.ts

import { Component } from '@angular/core';
import { DataService } from './service/data.service';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})



export class …

我在工具栏中有一个标准的 Angular Material Menu...

    <button mat-icon-button #videoMenu #menuTrigger="matMenuTrigger" [matMenuTriggerFor]="vidmenu" matTooltip="Watch videos" class="toolbar-btn"
(click)="onShowVid()">
    <mat-icon [style.color]=vidIconColor [style.background-color]=vidIconBackcolor>local_movies</mat-icon>
</button>
&emsp;
<mat-menu #vidmenu="matMenu">
    <button mat-menu-item>
        <img src="assets/images/vid_welcome.jpg" height=40px/>
        <span> Welcome</span>
    </button>
    <button mat-menu-item>
            <img src="assets/images/vid_video1.jpg" height=40px/>
            <span>Video 1</span>
        </button>
    <button mat-menu-item>
        <img src="assets/images/vid_video2.jpg" height=40px/>
        <span>Video 2</span>
    </button>
</mat-menu> 

在测试中，无论我们制作多大的材质菜单图标，用户都看不到它。一位用户建议我们在打开菜单的情况下开始体验……这样他们就可以看到选项，点击一个，然后菜单关闭。然后他们就会知道它在那里供将来使用。

我已经研究过在 ngOnInit() 期间远程触发 click() 以打开它，但所有示例都是旧的 angular 版本，即使我让它工作，我猜它也会有问题。

有没有办法简单地将菜单设置为“打开”的默认状态，然后从那里正常运行？

我正在尝试添加角形材质组件。但该组件无法正常工作。该错误说

Uncaught Error: Template parse errors: 'mat-option' is not a known element:
// ...

我认为错误来自app.module.ts：

Uncaught Error: Template parse errors: 'mat-option' is not a known element:
// ...

我试图添加一个在我的Web服务执行之前被调用的Angular Material对话框（仅标题和yes / no）。事实是，我不想在单独的组件中创建对话框HTML。我需要对话框HTML与现有代码位于同一文件中。当我单击callAPI按钮时，对话框需要打开。这是我现有的组件代码

<mat-tab-group>
    <mat-tab label="Tab 1">
       <button mat-flat-button color="warn" (click)="callAPI()">Open Dialog</button>
    </mat-tab>
    <mat-tab label="Tab 2">
    </mat-tab>
</mat-tab-group>

callAPI() {
    this.http.get<any>('https://example.com/api').subscribe(data => {
      this.data = data;
      this.loading = false;
    },
    err => {
        this.loading = false;
    });
}

我正在使用ExtendedFloatingActionButtonMaterial Components for Android 库中的新内容1.1.0-alpha06。它呈现得很好，但 'extend' 和 'shrink' 方法没有做任何事情。

<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
                    android:id="@+id/extended_fab"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    app:layout_anchor="@id/bottom_sheet"
                    android:text="Drag map to change location"
                    app:icon="@drawable/my_location"
                    app:backgroundTint="@color/white"
                    app:iconTint="@color/quantum_googblueA200"
                    android:textColor="@color/quantum_googblueA200"
                    app:iconSize="18dp"
                    style="@style/Widget.MaterialComponents.ExtendedFloatingActionButton"
                    android:padding="4dp"
                    android:textSize="12sp"
                    android:textAllCaps="false"
                    android:layout_margin="8dp"
                    app:layout_anchorGravity="right|top"/>

这是渲染的布局：

在协程中调用 OkHTTP 客户端的正确方法是什么？

CoroutineScope(IO).launch {
                        val request = Request.Builder()
                            .url("${host}/dots")
                            .build()

                        val client = OkHttpClient()
                        client.newCall(request).enqueue(object: Callback{
                            override fun onFailure(call: Call, e: IOException) {
                                isConnected.postValue(false)
                            }

                            override fun onResponse(call: Call, response: Response) {
                                val loadingStr = response.body()?.string().toString()
                                loadingStrings = loadingStr
                                Log.i("My_Error",loadingStrings)
                            }

                        })
                    }

在 onResponse 中，loadingStr 变量显示 string() 警告，说明调用了不适当的阻塞方法。请告诉我正确的方法来做同样的事情。