小编vli*_*o20的帖子

直接碰撞检测d3js

我试图在我的svg强制布局(d3js)中创建碰撞检测.我已经按照教程进行了圆形碰撞.

由于某种原因,它不适用于矩形.我试着在面纱中玩参数.

这是我的代码:

var node = svg.selectAll(".node")
    .data(json.nodes)
      .enter().append("g")
        .attr("class", "node")
        .call(force.drag);

    node
        .append("rect")
            .attr("class", "tagHolder")
            .attr("width", 60)
            .attr("height", 60)
            .attr("rx", 5)
            .attr("ry", 5)
            .attr("x", -10)
            .attr("y", -10);  
Run Code Online (Sandbox Code Playgroud)

还有这个:

 svg.selectAll(".node")
      .attr("x", function(d) { return d.x; })
      .attr("y", function(d) { return d.y; });

    link.attr("x1", function(d) 
        { 
            return d.source.x; 
        })
          .attr("y1", function(d) { return d.source.y; })
          .attr("x2", function(d) { return d.target.x; })
          .attr("y2", function(d) { return d.target.y; });

    node.attr("transform", function(d) 
    { 
        return "translate(" + d.x + "," + …
Run Code Online (Sandbox Code Playgroud)

javascript jquery svg d3.js

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

Angular CDK Overlay,更改默认覆盖容器

有没有办法改变 OverlayContainer?

我创建了一个工具提示组件,但有时我想将叠加层附加到特定元素(默认情况下,叠加层附加到文档正文)。

这是我创建叠加层的方式:

  private initOverlay(): void {
    const positionStrategy = this.overlayPositionBuilder
      .flexibleConnectedTo(this.elementRef)
      .withPositions([this.resolvedConfig]);

    this.overlayRef = this.overlay.create({positionStrategy});
  }
Run Code Online (Sandbox Code Playgroud)

这就是我将模板附加到它的方式:

  show(): void {
    this.overlayRef.attach(new TemplatePortal(this.tpl, this.viewContainerRef));
  }
Run Code Online (Sandbox Code Playgroud)

javascript angular-material angular angular-cdk

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

以编程方式设置GoogleMapOptions

我像这样膨胀我的片段:

GoogleMap map = ((MapFragment) getFragmentManager().findFragmentById(R.id.MapFragment_map_Fragment)).getMap(); 
Run Code Online (Sandbox Code Playgroud)

在这里我有我的选择:

GoogleMapOptions options = new GoogleMapOptions();
options.mapType(GoogleMap.MAP_TYPE_SATELLITE);
Run Code Online (Sandbox Code Playgroud)

文档中,我看到我需要使用它:

要在创建地图时应用这些选项,请执行以下操作之一:

如果您使用的是MapFragment,请使用MapFragment.newInstance(GoogleMapOptions选项)静态工厂方法构建片段并传入自定义配置选项.

但我不明白我怎么想用这个.

android google-maps android-fragments

7
推荐指数
2
解决办法
4874
查看次数

角聚合物数据绑定

我想在Polymer和Angular之间进行双向数据绑定,为此我使用的是Angu-poly库.

这是一个工作示例的链接,同时通过名称和年龄属性传递字符串:工作.

<x-kid bind-polymer ng-repeat="kid in kids" angupoly="{name:'kid.name', age:'kid.age'}">
</x-kid>
Run Code Online (Sandbox Code Playgroud)

但是当我尝试通过kid属性传递一个对象时,似乎出现了问题,这里是链接:不工作.

<x-kid bind-polymer angupoly="{kid:'kid'}">
</x-kid>
Run Code Online (Sandbox Code Playgroud)

我该怎么做才能让它发挥作用?

更新:
也尝试使用此,它不起作用.代码看起来像这样:

<x-kid bind-polymer kid={{kid}}>
</x-kid>
Run Code Online (Sandbox Code Playgroud)

大更新:
我在这里调整了"angular-bind-polymer"库的一些进展.现在我能够将外部聚合物中的物体绑定到聚合物中,这里是更新的plunker.现在的问题是在另一个方向上这样做.
注意:我从角度方面得到一些例外,看看也许你可以帮助解决它.我想我们非常接近:).

html javascript web-component angularjs polymer

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

从未知/外部线程调用pjlib.您必须使用pj_thread_register()注册外部线程

我在我的android应用程序中集成了pjsua2.发送短信时应用程序崩溃.它不会每次都崩溃,它会随机发生.(每10条消息一次).

MyCode是:

public void sendInstantMessage(String number, String msgBody) {

    String buddy_uri = "<sip:" + number + "@" + mPref.getString(PREF_SIPSERVER, "") + ">";
    Log.e(TAG, "sendInstantMessage ==== "+buddy_uri);

    BuddyConfig bCfg = new BuddyConfig();
    bCfg.setUri(buddy_uri);
    bCfg.setSubscribe(false);

    MyBuddy im = new MyBuddy(bCfg);
    SendInstantMessageParam prm = new SendInstantMessageParam();
    prm.setContent(msgBody);
    prm.setContentType("text/plain; charset=utf-8");

    try {
        im.create(account, bCfg);
        boolean valid1 = im.isValid();
        Log.e(TAG, "valid1 ======= "+valid1);
        im.sendInstantMessage(prm);
    } catch (Exception e) {
        Log.e(TAG, "sendInstantMessage ==== "+e);
        e.printStackTrace();
        return;
    }

}
Run Code Online (Sandbox Code Playgroud)

根据logcat,我必须调用pj_thread_register().但是我在端点中有一个方法libRegisterThread(),所以我在下面使用它

MyApp.ep.libRegisterThread("SipApi");
Run Code Online (Sandbox Code Playgroud)

这是logcat:

../src/pj/os_core_unix.c:692: pj_thread_this: assertion "!"Calling pjlib …
Run Code Online (Sandbox Code Playgroud)

android pjsip

7
推荐指数
2
解决办法
3445
查看次数

gulp webserver和livereload

我的gulp网络服务器有问题.我有这个gulp任务:

gulp.task('serve', ['watch'], () => {
  gulp.src('tmp')
    .pipe(webserver({
      livereload: true,
      directoryListing: true,
      open: true,
      //defaultFile: 'index.html'
    }));
});
Run Code Online (Sandbox Code Playgroud)

运行时,gulp serve我在localhost:8000上获得以下屏幕:
本地主机:8000

看起来网络服务器正在服务于我的项目的根目录而不是tmp文件夹,奇怪的是如果我点击index.html我被重定向到http://localhost:8000/index.html哪个是正确的文件(tmp/index.html而不是/index.html).

我正在使用gulp-webserver服务和重新加载.

我做错了什么?

注意:取消注释defaultFile没有帮助.

javascript node.js gulp

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

将角度添加到角度2(角度cli)

我已经关注了cli github页面上的guid行.但我无法在我的应用程序中使其工作.
这是我做的:

  1. 安装时刻: npm install moment --save
  2. 安装时刻ts类型: npm install @types/moment --save
  3. 在我的一个组件中导入的时刻: import * as moment from 'moment';

我收到以下错误: img http://image.prntscr.com/image/3a64732128ae49c1907e754ae056e879.png

有任何想法吗?

angular-cli angular

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

Angular 中的 css 封装

我最近一直在探索 Angular 组件对 css 和 dom 的封装。

我使用 ng-cli 搭建了一个快速项目并加载了一个组件。假设组件选择器是“app-component”。这封装了与该组件有关的所有 dom 和 css。到目前为止一切都很好。

我从之前的阅读中了解到,组件既不允许外部 CSS 渗入,也不允许内部 CSS 渗出(这更特定于 Web 组件)

现在,在 index.html 文件中,我包含了一个 bootstrap css 文件,只是为了观察 bootstrap css 中的样式是否渗入组件中,令我惊讶的是它确实发生了。我可以使用在我的组件中提供引导 css 的所有类。

为什么会这样?本质上,外部 css 正在渗透到组件中。我了解 Angular 中的视图封装概念,但这不适合。

听起来有点天真,但可能是我在这里遗漏了一点!

编辑

基本上我指的是这个:

https://developers.google.com/web/fundamentals/getting-started/primers/shadowdom

这说:

作用域 CSS:在 shadow DOM 中定义的 CSS 是作用域的。样式规则不会泄露,页面样式也不会渗入。

javascript encapsulation web-component angular

6
推荐指数
1
解决办法
2254
查看次数

Docker 上的多模块 Maven 项目

我有一个多模块 maven 项目,其中单个模块都是包含自己的 Dockerfile 的可运行微服务应用程序,因此在生产中每个模块都将是一个容器化应用程序。

包含子模块的父项目只包含父 pom.xml 和 docker-compose.yml

我尝试使用以下 Dockerfile(在子模块级别):

FROM sgrio/java-oracle

RUN apt-get update

RUN apt-get install -y maven

COPY ../pom.xml /usr/local/service/Oogaday/pom.xml

COPY pom.xml /usr/local/service/Oogaday/OogadayApi/pom.xml

COPY src /usr/local/service/Oogaday/OogadayApi/src

WORKDIR /usr/local/service/Oogaday/OogadayApi/

RUN mvn package -DskipTests

CMD ["java","-jar","org.oogaday.api-1.0-SNAPSHOT-jar-with-dependencies.jar"]
Run Code Online (Sandbox Code Playgroud)

但是我收到一个安全错误,因为我试图复制父 pom.xml 文件(它没有放在我运行构建的目录中)。

那么有没有办法用父pom构建一个基于maven的子模块?

java pom.xml maven docker microservices

6
推荐指数
1
解决办法
9012
查看次数

AngularJS材质布局 - flex问题

我在设置布局的flex属性时遇到问题.这是一个吸虫:http://embed.plnkr.co/0SrUp25FvT2PAsJDEwF3/preview

  <md-content flex layout="row" layout-align="center">
    <div layout="column">
      <div flex layout="column" layout-fill>
        <div flex="33">
          <md-input-container>
            <label>Enter Room's Name</label>
            <input ng-model="test" placeholder="Enter Room's Name">
          </md-input-container>
        </div>
        <div flex="66">
          <md-button class="md-raised md-accent">
            Create Chat Room
          </md-button>
        </div>
      </div>
    </div>
  </md-content>
Run Code Online (Sandbox Code Playgroud)

以下是文档链接:https: //material.angularjs.org/#/layout/grid

输入(文本)和输入(按钮)的flex属性不遵循flex属性的问题.

我想要实现的是这样的: 在此输入图像描述

html javascript flexbox angularjs angular-material

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