小编Kal*_*ico的帖子

单击标题中的mat-checkbox时,防止mat-expansion面板切换

当单击标题内的复选框时,我们是否可以阻止扩展面板切换?以某种方式停止事件传播.现在使用下面的示例代码,当单击复选框时,面板也会切换(打开\关闭).当单击标题的任何区域(标题内的复选框除外)时,所需的状态是扩展面板切换.

<mat-expansion-panel-header>
  <mat-panel-title>
    Panel Title
  </mat-panel-title>
  <mat-panel-description>
     <mat-checkbox>Edit</mat-checkbox>
  </mat-panel-description>
</mat-expansion-panel-header>
Run Code Online (Sandbox Code Playgroud)

html javascript angular-material angular

14
推荐指数
1
解决办法
6800
查看次数

面包屑在bootstrap 3.0.2中导航到导航栏

我是Bootstrap的新手,我想创建一个带有一些东西(链接,下拉...)和面包屑的导航栏.但我有一个问题显示:块(我认为...)当我把面包屑放入导航栏时,这是我的示例代码:

<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="container">

        <ul class="nav navbar-nav navbar-right">
          <ul class="breadcrumb list-inline">
            <li><a href="#">Home</a></li>
            <li><a href="#">Library</a></li>
            <li class="active">Data</li>
          </ul>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Hello George <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Settings</a></li>
              <li><a href="#">Logout</a></li>
            </ul>
          </li>
          <li>
            <span class="glyphicon glyphicon-info-sign icons-padding"></span>
          </li>
          <li><a href="#">Help</a></li>
          <li>
            <span class="glyphicon glyphicon-off icons-padding"></span>
          </li>
          <li><a href="#">Exit</a></li>
        </ul>
      </div>
    </nav>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/calamarico/r9yEU/2/embedded/result/

我怎么能把面包屑和其他东西放在同一行?

css twitter-bootstrap twitter-bootstrap-3

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

将css-modules应用于AngularJS的更好方法

我现在正在使用带有AngularJS 1.5组件的css-modules.堆栈是webpack+ css-loader?modules=true+ angular 1.5 components+ pug.

目前,我必须执行以下步骤才能在我的pug模板中使用css模块.

// my-component.js

import template from 'my-component.pug';
import styles from 'my-component.css';

class MyComponent {
    constructor($element) {
        $element.addClass('myComponent');        // ------ (1)
        this.styles = styles;                    // ------ (2)
    }
}

angular.module(name, deps)
    .component('my-component', {
        controller: MyComponent,
        template: template,
    });

// my-component.pug
div(class={{ ::$ctrl.styles.fooBar }}) FooBar    // ----- (3)

// my-component.css
.myComponent { background: green; }
.fooBar { color: red; }
Run Code Online (Sandbox Code Playgroud)

有两个问题:

  1. 每个组件都必须$element手动注入和设置其类名.这样做的原因是,AngularJS组件标签本身存在于没有任何类的结果HTML中,这使得CSS变得困难.例如,如果我MyComponent像上面这样使用:

    <div>
      <my-component></my-component>
    </div>
    
    Run Code Online (Sandbox Code Playgroud)

    它将生成以下HTML: …

javascript css angularjs css-modules

11
推荐指数
1
解决办法
1081
查看次数

"无法连接到渲染器":无法使用带有chrome beta的量角器调整大小或最大化浏览器窗口

我正在使用量角器和茉莉花.

我已经确定Chrome驱动程序版本:2.32.498550 (latest)与chrome beta不兼容(Version 62.0.3202.18 (Official Build)).

它在语句之类的时候就会中断

browser.driver.manage().window().maximize()
Run Code Online (Sandbox Code Playgroud)

要么

browser.driver.manage().window().getSize()
Run Code Online (Sandbox Code Playgroud)

浏览器窗口的执行.

谁能帮我这个 ?

jasmine selenium-chromedriver selenium-webdriver protractor e2e-testing

11
推荐指数
2
解决办法
9970
查看次数

在Angular Material手风琴中打开第一个连接的扩展面板

显然,您可以使用expandedAngular Material扩展面板上的输入来默认加载时打开的特定面板。但是,我有一个手风琴,其中所有扩展面板都是动态生成的,并且都是可选的,但是我想打开第一个面板。

我可以遍历ngFor使用模板的每个s来生成面板以查看其是否存在,然后在第一个索引上添加属性,但是有几个循环可以拉入模板,并且看起来很乱。我希望能够mat-accordion在视图完成后从中获取一些属性,以查看哪个是手风琴上的第一个属性并添加该属性,但是看来这是不可能的。有人知道是否有某种方法可以做到吗?

html javascript accordion angular-material angular

10
推荐指数
2
解决办法
4415
查看次数

将JSON反序列化为JAVASCRIPT对象

我有一个问题要将JSON文本反序列化为javascript对象,我测试jquery和yui库,我有这个类:

function Identifier(name, contextId) {
    this.name = name;
    this.contextId = contextId;
}

Identifier.prototype.setName = function(name) {
    this.name = name;
}

Identifier.prototype.getName = function() {
    return this.name;
}

Identifier.prototype.setContextId = function(contexId) {
    this.contextId= contexId;
}

Identifier.prototype.getContextId = function() {
    return this.contextId;
}
Run Code Online (Sandbox Code Playgroud)

我有这个JSON:

{
"Identifier": { 
   "name":"uno",
   "contextId":"dos"}
}
Run Code Online (Sandbox Code Playgroud)

我想在解析时创建一个Identifier对象,我的问题是这句话:

var obj = jQuery.parseJSON('{"Identifier": { "name":"uno","contextId":"dos"}}');
Run Code Online (Sandbox Code Playgroud)

要么

var obj2 = JSON.parse('{"Identifier": { "name":"uno","contextId":"dos"}}');
Run Code Online (Sandbox Code Playgroud)

不工作,var obj和obj2不是Identifier对象,我该怎么解析呢?谢谢

这个问题不是重复的,因为它是在迈克尔标记为重复的问题之前5年制作的

javascript json

8
推荐指数
1
解决办法
1万
查看次数

在导航抽屉中切换按钮

我正在尝试在导航抽屉项目中实现切换按钮,Android Studio可以自动生成.最后我想要这样的东西("仅下载"-Button):

在此输入图像描述

不幸的是,我不明白如何将切换按钮添加到NavDrawer的ListView.我可能会使用其中一个"Custom NavDrawer Libs",但我想了解Google使用自动生成的示例提出的方式.

有关如何将其实现到默认NavDrawer项目的任何想法?

android togglebutton material navigation-drawer

8
推荐指数
1
解决办法
1万
查看次数

@ViewChild:访问grand-child方法

我有三个嵌套组件,称为level0,level1并且level2,定义如下:

@Component({
selector: 'level2',
template: `<div>I am level 2</div>`,
})
export class Level2 {
  getName(){
    return "my name is 'TWO'";
  }
}
Run Code Online (Sandbox Code Playgroud)
@Component({
selector: 'level1',
template: `<div>I am level 1<level2></level2></div>`,
directives: [Level2]
})
export class Level1 {
  getName(){
    return "my name is 'ONE'";
  }
}
Run Code Online (Sandbox Code Playgroud)
@Component({
selector: 'level0',
template: `<div>I am level 0<level1></level1></div>`,
directives: [Level1,Level2]
})
export class App {
@ViewChild(Level1) level1:Level1;
@ViewChild(Level2) level2:Level2;
ngAfterViewInit() {
  if(this.level1){var name1 = this.level1.getName();}
  if(this.level2){var name2 = this.level2.getName();} …
Run Code Online (Sandbox Code Playgroud)

typescript angular2-directives viewchild angular

8
推荐指数
2
解决办法
5132
查看次数

Android WebRTC 答案中的 m 行顺序与报价中的顺序不匹配。拒绝回答

当我使用 Android WebRTC 调用 FreeSWITCH 错误答案中的 m 行顺序与报价中的顺序不匹配。拒绝回答。(无效的参数)。

接下来是调用sdp

为什么我无法提交这个问题?

这是我的优惠 SDP

v=0
o=- 4052293091244096016 2 IN IP4 127.0.0.1
s=-
t=0 0
a=group:BUNDLE 0 1
a=msid-semantic: WMS ARDAMS
m=video 47730 UDP/TLS/RTP/SAVPF 96 97 98 99 100 101 127 125 104
c=IN IP4 192.168.2.229
a=rtcp:9 IN IP4 0.0.0.0
a=candidate:3161858559 1 udp 2122260223 192.168.2.229 47730 typ host generation 0 network-id 3 network-cost 10
a=ice-ufrag:ScCb
a=ice-pwd:1hsQIC6Z2q6DW3rf5S9ZAO17
a=ice-options:trickle renomination
a=fingerprint:sha-256 1F:6C:75:E4:BB:A8:E9:76:A7:03:80:61:F7:31:C1:FC:CB:12:61:00:63:10:82:30:97:4D:53:B6:91:93:84:0B
a=setup:actpass
a=mid:0
a=extmap:2 urn:ietf:params:rtp-hdrext:toffset
a=extmap:3 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time
a=extmap:4 urn:3gpp:video-orientation
a=extmap:5 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01
a=extmap:6 http://www.webrtc.org/experiments/rtp-hdrext/playout-delay
a=extmap:7 …
Run Code Online (Sandbox Code Playgroud)

android webrtc

8
推荐指数
1
解决办法
6715
查看次数

Javascript摘要手动身份验证

我阅读了有关摘要认证的所有帖子,我正在尝试,但我有任何问题,我有一个实施摘要认证的restlet,并与javascript api我正在尝试进行身份验证.

首先,我对服务器执行xmlhttprequest POST(从file://到localhost:8111,因此我遇到了CORS问题但是已经解决了),以及服务器响应401和WWW-Authenticate标头:

WWW-Authenticate:Digest realm="Guard", domain="/",        nonce="MTMzOTA5Mjk1NTE2NDo0NzY2NjJiOTgyMjE1ZDc0OWU3NzM5MTkzMWNjNGQzNw==", algorithm=MD5, qop="auth"
Run Code Online (Sandbox Code Playgroud)

所以我采用这个标题并应用身份验证摘要算法:首先创建2个变量,"cnonce"和"nc":

tokensObj["cnonce"] = 'bd5fd9b093dccaa1'; (invented)
tokensObj["nc"] = '00000001';
Run Code Online (Sandbox Code Playgroud)

我在我的文字对象中创建'uri'参数(在服务器响应中有一个"域":?)我取'domain'的值并放入我的对象的'uri'键.

之后,我做了算法:

var HA1 = MD5("login:Guard:mypassword");
var HA2 = MD5("POST:/");
var authResponse = MD5(HA1 + ':' + 

        unquotes(tokensObj["nonce"]) +
        ':' +
        tokensObj["nc"] +
        ':' +
        tokensObj["cnonce"] +
        ':' +
                    unquotes(tokensObj["qop"]) +
        ':' +
        HA2);
var responseContentHeader = 'Digest username:"login"' +', realm=' + tokensObj["realm"] +
                           ', nonce=' + tokensObj["nonce"] +
                           ', uri=' + tokensObj["domain"]  +
               ', algorithm=' + tokensObj["algorithm"] +
               ', response="' + …
Run Code Online (Sandbox Code Playgroud)

javascript xmlhttprequest digest digest-authentication

7
推荐指数
1
解决办法
5283
查看次数