Angular 权威教程 | 第4章 内置指令

图片 1

图片 2

mediastreamer使用教程

简介

置于指令是现已导入过的,你的零件可以一向使用它们。
因而,不用像你协调的零部件一样把它们作为指令导入进来。

进入获取!!!!进来获取!!!!

按支付页面的音信,给那几个地方打款就行了。 

2.1在Allfilters.h里面添加filter的ID

ngSwitch

按照一个加以的口径来渲染差距的因素

// ngSwitchCase 指令描述已知结果;
// ngSwitchDefault 指令处理所有其他未知情况
// ngSwitchDefault 元素是可选的。如果我们不用它,
// 那么当 myVar 没有匹配到任何期望的值时就不会渲染任何东西
<div class="container" [ngSwitch]="myVar">
<div *ngSwitchCase="'A'">Var is A</div>
<div ngSwitchCase="'B'">Var is B</div>
<div ngSwitchDefault>Var is something else</div>
</div>

// 想要处理新值 C, 只需要插入一行
<div class="container" [ngSwitch]="myVar">
<div *ngSwitchCase="'A'">Var is A</div>
// 会渲染两次
<div *ngSwitchCase="'A'">Var is A</div>
<div ngSwitchCase="'B'">Var is B</div>
<div ngSwitchCase="'C'">Var is C</div>
<div *ngSwitchDefault>Var is something else</div>
</div>

图片 3

图片 4

1.逐项函数功用简介

ms_filter_destroy 释放filter资源

ms_ticker_destroy释放ticker

表明:ticker为定时器线程,每隔10ms执行一遍

ms_filter_new创设filter,传进参数为filter的ID

ms_connection_helper_start得到filter链接开头地方

ms_connection_helper_link链接filter

ms_filter_link链接filter

ms_ticker_new创建ticker

ticker说明:

ticker是属于一个线程不可能运转多个闭塞式的进程,比如socks的发送与接受,必须将
发送和接收放在filter线程里面。

ms_ticker_set_name设置ticker名称

ms_ticker_attach将ticker附加到线程中

ms_ticker_detach去掉ticker

ms_connection_helper_unlink去掉filter链接

ms_filter_unlink 去掉filter链接

ms_new filter数据结构创制

ms_free 数据结构数据释放

ms_queue_get(f->inpputs[0])获取filter数据

msgdsize获得filter里面数据长度

ms_queue_put(f->outputs[0],om)往filter里面塞数据

freemsg释放filter数据

ms_thread_join在filter里面创设线程

ms_filter_call_method往filter里面发送数据

ngClass

ngClass指令在HTML模板中用ngClass属性来代表,让你能动态设置和改变一个给定DOM元素的CSS类

.bordered {
border: 1px dashed black;
background-color: #eee;
}
// 简单用法
<div [ngClass]="{bordered: false}">This is never bordered</div>
<div [ngClass]="{bordered: true}">This is always bordered</div>

图片 5

从此将来充值不要直接往那个地址打!

3.替换编码器

将原来silk编码器换为amr编码器

ngFor

重复一个加以的DOM元素(或一组DOM元素)
,每趟重复都会从数组中取一个不等的值。

this.cities = ['Miami', 'Sao Paulo', 'New York'];

<h4 class="ui horizontal divider header">
Simple list of strings
</h4>
<div class="ui list" *ngFor="let c of cities">
<div class="item">{{ c }}</div>
</div>

图片 6

选拔ngFor指令的结果

// 根据每一行数据渲染出一个表格
this.people = [
    { name: 'Anderson', age: 35, city: 'Sao Paulo' },
    { name: 'John', age: 12, city: 'Miami' },
    { name: 'Peter', age: 22, city: 'New York' }
];

<h4 class="ui horizontal divider header">
    List of objects
</h4>
<table class="ui celled table">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>City</th>
        </tr>
    </thead>
    <tr *ngFor="let p of people">
        <td>{{ p.name }}</td>
        <td>{{ p.age }}</td>
        <td>{{ p.city }}</td>
    </tr>
</table>

图片 7

渲染对象数组

// 使用嵌套数组
this.peopleByCity = [
    {   city: 'Miami',
        people: [
            { name: 'John', age: 12 },
            { name: 'Angel', age: 22 }
        ]
    },
    {   city: 'Sao Paulo',
        people: [
            { name: 'Anderson', age: 35 },
            { name: 'Felipe', age: 36 }
        ]
    }
]

<h4 class="ui horizontal divider header">
    Nested data
</h4>
<div ngFor="let item of peopleByCity">
    <h2 class="ui header">{{ item.city }}</h2>
    <table class="ui celled table">
        <thead>
            <tr>
                <th>Name</th>
                <th>Age</th>
            </tr>
        </thead>
        <tr ngFor="let p of item.people">
            <td>{{ p.name }}</td>
            <td>{{ p.age }}</td>
        </tr>
    </table>
</div>

图片 8

渲染嵌套数组

获取索引

在迭代数组时,大家可能也要获取每一项的目录。大家能够在ngFor命令的值中插入语法let
idx = index并用分号分隔开, 那样就可以取得索引了。

图片 9

利用索引

发表评论

电子邮件地址不会被公开。 必填项已用*标注