小编use*_*ert的帖子

我正在为基础css框架编写角度组件.我正在处理选项卡组件,并希望能够将一些HTML传递给<ng-content>它.

问题是,我还需要传递用户可以绑定的html,如下所示:

父母模板

<tabs [data]='example'>
    <div> Age <br> {{item.age}} </div>`
</tabs>

TABS组件

<ul class="tabs" #tabs>
  <li *ngFor="let item of data | async" (click)="tabClick($event)">
      <a>{{item.name}}</a>
  </li>
</ul>
<div>
  <ng-content></ng-content>
</div>

TABS TYPESCRIPT

@Component({
  selector: 'tabs',
  templateUrl: './tabs.component.html'
})

export class TabsComponent {
  @Input('data') data:any;
  @ViewChild('tabs') tabs: ElementRef;
}

哪里item是对example数组中对象的引用.

不过,我得到这个错误: Cannot read property 'name' of undefined 因为item它插入之前正在评估<ng-content>指令.

有没有办法解决这个限制,或者我是以错误的方式解决这个问题？

我正在使用Object.entries,以便从嵌套对象中获取一些值并过滤它.

obj = Object.entries(obj)
  .filter(([k, v]) => {
    return true; // some irrelevant conditions here
  });

我的对象最终成为一个数组,键和val的数组.

[['key1', val]['key2', val']['key3', val]]

有没有一种直接的方法将这些映射回对象？原始对象结构是:

{ key:val, key2:val2, key3:val3 }

我有一个侧边栏,我正在显示/隐藏使用这样的布尔值:

[hidden]='toggleSidebar'

我一直在尝试找到添加转换到此元素的正确方法,但到目前为止,使用此方法只是部分成功: [class.show]='!toggleSidebar'.将css样式应用于此类仅部分有效.

如何向包含路由器插座的元素添加滑入或淡入动画？

<aside [hidden]="toggleSidebar">
  <router-outlet name="aside"></router-outlet>
</aside>

我正在构建一个具有路由器服务的多个视图的单页面应用程序.

我读过的大部分信息都说location:Location作为服务注入,然后(click)='location.back'用来返回视图.

这对我来说不起作用,就像你开始某个视图并单击返回一样,最终退出应用程序并转到上一个网站.当我使用它作为导航方法时,我也经常会重新加载页面.是否有历史API或其他方式来处理ng2应用程序中的导航？

我有两个这样的列:

<div class="container">
    <div class="row">
        <div class="col-9"></div>
        <div class="col-3"></div>
    </div>
</div>

我通过angular切换类名是 col-8 offset-2和col-0.col-0是width:0;margin:0;padding:0.

我想知道如何动画宽度和列的位置.

我有一个网站设置正常,但第二个无法远程访问:

我的YAML:

---
ip: "192.168.10.10"
memory: 2048
cpus: 1
provider: virtualbox

authorize: ~/.ssh/id_rsa.pub

keys:
    - ~/.ssh/id_rsa

folders:
    - map: ~/Projects
  to: /home/vagrant/Projects

sites:
    - map: app.app
      to: /home/vagrant/sites/app1/public
    - map: app2.app
      to: /home/vagrant/sites/app2/public
      port: 8100

ports:
    - host: 81
    - guest: 8100

我可以轻松地使用我的IP访问第一个站点 - http://192.168.0.5/但第二个站点不能共享同一个端口,所以我添加了81 -> 8100.

当我试图重新配置我的宅基流浪盒时,它说:这台机器的配置有误.请修正以下错误,然后重试:

vm:
* Forwarded port definitions require a "host" and "guest" value
* Ports to forward must be 1 to 65535
* Ports to forward must be 1 to 65535 …

我们有几个旧站点正在进行升级。如果能够对每个页面进行屏幕截图，然后对两个域的结果进行 md5 求和，然后测试呈现的所有内容是否 100% 匹配，这将非常有用。

我不确定如何做到这一点 - 我们已经研究了cheerio哪些可以抓取网站但无法抓取屏幕截图，以及 nightwatch 可以抓取屏幕截图但不能抓取网站。有人有这样做的经验吗？

我正在学习 React 和 Flux，在第一课中，教程让我失败了。

本教程立即在“npm start”上中断，并出现以下错误：

ERROR in ./src/js/main.js
Module parse failed: /Users/me/Projects/egghead-flux/src/js/main.js Unexpected token (4:16)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (4:16)
at Parser.pp$4.raise (/Users/me/Projects/egghead-flux/node_modules/acorn/dist/acorn.js:2221:15)

它似乎不明白ReactDOM.render(<App />, document.getElementById('main'));我假设解析 JSX<App />部分失败。

以前有人遇到过这个问题吗？删除/重新安装节点模块不会执行任何操作。视频中是否缺少某些设置步骤？

Main.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/app';
ReactDOM.render(<App />, document.getElementById('main'));

应用程序.js

import React from 'react';
    export default class App extends React.Component {
        render(){
            return <h1>Flux</h1>
        }
    }

webpack.config.js

module.exports …

我在ES6项目中使用$ scope.$ watch时遇到了一些问题.手表发射一次,然后再也不会发射.

这是代码:

export class SomeController {
  constructor($log, $scope) {
    'ngInject'
    this.watched = 1;
    $scope.$watch('watched',(nv,ov)=>{
        $log(nv); //only fires once
    });
   }
  otherMethods(){}...
}

具体来说我使用的是这个发生器:https://github.com/Swiip/generator-gulp-angular

我正在编写一个系统来上传和显示一些图像,但是我对上传后访问它们的正确方法感到困惑.

public function storeImage(Request $request)
{

    $request->file('image')->store('public/images');

    $filename = md5_file($request->file('image')) . '.' .  $request->file('image')->extension();
    $img = new Image;
    $img->path = 'storage/images/'.$filename;
    $img->save();

    return back();
}

这工作正常,我storage按照建议进行了符号链接,但是如果我使用$filename数据库中的变量,我会得到一个404.生成插入内嵌图像src属性的正确路径是什么？

图像标签看起来像这样: <img src="storage/images/89cdd31f2e0eeacceff96c2a0abb252f.jpeg"> 文件夹肯定是符号链接的,因为我可以在finder中关注它.