小编sno*_*ete的帖子

我正在使用bootstrap(UI)和angular 2制作项目.我对这两件事情都很陌生我的朋友建议我使用ng2 bootstrap我在ngx bootstrap和ng2 bootstrap之间非常困惑.总是当我搜索2个bootstrap时,它会带我到ngx bootstrap.两者有什么区别？

我正在尝试从服务器加载图像.

在服务器上动态创建映像,然后将名称[包括相对路径]传递给客户端以加载到画布中.

有3层画布,设置相同大小的图像并将图像加载到一个画布.

一切工作正常的小图像.但对于大图像,[假设超过9000 x 7000像素]它会抛出"Aw Snap"蓝屏错误.有时它设法加载图像但是通过在画布上移动鼠标,移动滚动条或在其上画一条线来抛出"Aw Snap"错误.

我增加了--disk-cache-size但没有帮助.

甚至设置这些值也无济于事[--disable-accelerated-2d-canvas, - blacklist-accelerated-compositing, - black-webgl, - disable-accelerated-compositing, - disable-accelerated-layers]

使用IE和Safari测试 - 工作正常,但有些延迟.

发表您的想法和提示.任何帮助表示赞赏.

这是我的代码

function LoadImage(imageUrl) {
    try {
        var image_View = document.getElementById("imageView");
        var image_Temp = document.getElementById("imageTemp");
        var image_Tempt = document.getElementById("imageTempt");
        var ctx = image_View.getContext("2d");

        var img = new Image();
        img.onerror = function() {
            alert('The image could not be loaded.');
        }
        img.onload = function() {
            image_View.width = img.width;
            image_View.height = img.height;
            image_Temp.width = img.width;
            image_Temp.height = img.height;
            image_Tempt.width = img.width;
            image_Tempt.height …

我使用Angular CLI,当我运行"ng serve"时,项目应该自动刷新.但是,有时,它并不完美.有时,更改不会自动刷新,有时也会自动刷新.如果没有刷新更改,我必须重新运行'ng serve',这会浪费很多时间.

您有什么方法可以知道在什么情况下自动刷新更改以及何时更改？另外,如果我发现我必须重新运行'ng serve',有没有更快的方法来刷新项目？

有没有人能够在IBM i上成功安装node-sass？

我目前正在运行Node 6.9.1,并且能够安装许多npm软件包.但是,@ angular/cli依赖于node-sass,显然,node-sass有一个编译组件让我很难安装.

我的第一个问题与能够下载二进制文件本身有关 - 由于我们的网络设置,IBM i无法从以下位置下载二进制文件:

https://github.com/sass/node-sass/releases/download/v4.5.2/aix-ppc-48_binding.node

我收到超时错误.我能够通过将SASS_BINARY_SITE更改为非https版本来解决这个问题:

export SASS_BINARY_SITE='http://github.com/sass/node-sass/releases/download'

但是,现在,即使二进制下载成功,当npm尝试测试二进制文件时,我会收到以下错误:

测试二进制二进制有一个问题:错误:无法加载模块/QOpenSys/QIBM/ProdData/OPS/Node6/lib/node_modules/node-sass/vendor/aix-ppc-48/binding.node.该模块具有无效的幻数.

at Error (native)
at Object.Module._extensions..node (module.js:597:18)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at module.exports (/QOpenSys/QIBM/ProdData/OPS/Node6/lib/node_modules/node-sass/lib/binding.js:19:10)
at Object.<anonymous> (/QOpenSys/QIBM/ProdData/OPS/Node6/lib/node_modules/node-sass/lib/index.js:14:35)

Run Code Online (Sandbox Code Playgroud)

然后npm尝试在本地构建二进制文件,但由于Python2在此计算机上不可用而失败.我可以请求安装Python2,这在我们的环境中是一个漫长的过程,但在我继续关注那个兔子洞之前,我想知道实际上是否可以让node-sass工作,如果是的话,是否还有另一个二进制,我可以指向npm install使用而不是.

或者,是否有另一种获取node-sass工作的方法？

我正在阅读Angular 2文档,我发现:

通过$ event不是一个好习惯

键入事件对象会显示出将整个DOM事件传递给方法的重要意见:组件对模板详细信息的了解太多.它不能在不了解HTML实现的情况下提取信息.这打破了模板(用户看到的)与组件(应用程序如何处理用户数据)之间的关注点分离.

出于某种原因,我无法完全理解它所说的内容.似乎在任何地方都没有可用的解释.

有人可以用更简单的术语解释这个的确切含义(如果可能的话,举个例子)？

我无法理解有关发布到github页面的一些基本指令.有一种新方法可以发布使用Angular Cli制作的Angular项目; 我按照新页面上的指示操作,angular-cli-ghpages:

Execute angular-cli-ghpages in order to deploy the project with a build from dist folder.
Note: you have to create the dist folder in before (e.g. ng build --prod)

Usage:

ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY/"
angular-cli-ghpages [OPTIONS]

我为我的项目创建了一个dist文件夹,然后运行ng构建代码.终端显示已渲染的所有块,但我找不到github页面的链接.我在github上查看我的存储库,就好像什么也没发生过一样.这是因为我需要cd到一个特定的文件夹来执行angular-cli-ghpages吗？这是我的回购,我非常感谢任何帮助.

我正在尝试向feedData服务器发送一个 json 对象。这个对象里面有一个文件对象。

feedData = {
    'title' : 'some title',
    'type' : 1,
    'feedBody' : {
        'image' : File Object {lastModified : xxxx, name : 'image.jpg', type: 'image/jpg', ... }
    }
}

return fetch(`/api/feeds/${feedId}/create`, {
    method: 'POST',
    body: JSON.stringify(feedData),
    headers: {
        'Authorization': getTokenHeader(token),
    },
})

在我有的路线中，

method: 'POST',
path: '/api/feeds/{feed}/create',
config: {
    payload: {
        output: 'stream',
        parse: true,
        allow: ['application/json', 'multipart/form-data', 'image/jpeg', 'application/pdf', 'application/x-www-form-urlencoded'],
        maxBytes: 1024 * 1024 * 100,
        timeout: false
    },
    handler: (req, res) => { …

var someList = {
                   data : 1,
                   next : {
                              data : 2,
                                  next : {
                                             data : 3,
                                             next : {
                                                        data : 4,
                                                        next : null
                                                    }
                                         }
                          }
               };

var ar = []; 

function reversePrint( LList )
{
    var c = null;
    c = LList;

    while ( c.next != null )
    {
        ar.unshift( c.data );
        c = c.next;
    }

    console.log( ar );
}

该例程以相反的顺序输出数组中的数据.

问题是:循环没有得到data : 4.

如何重写它以输出所有数据？

我想知道是否可以定义父组件而不指定使用哪个子组件？

通常我会创建一个父组件并在html文件中使用子组件的选择器

母体组分-1.HTML:

//some logic
<child-component-1-selector></child-component-1-selector>
//some logic

如果我遵循这种方法,我必须定义我想使用哪种子组件.但是,如果我想多次使用父组件与不同的子组件,我必须复制逻辑部分并创建单独的父组件:

母体组分-1.HTML:

//some logic
<child-component-1-selector></child-component-1-selector>
//some logic

母体组分-2.HTML:

//some logic (same as above)
<child-component-2-selector></child-component-2-selector>
//some logic (same as above)

我不喜欢这种方法,因为我会生成代码重复.有没有办法定义父组件而不指定要呈现的子组件,只是将子组件"传递"为参数？

当前方法,grand-parent-component.html:

<parent-component-1></parent-component-1>
<parent-component-2></parent-component-2>

建议的方法,grand-parent-component.html:

<parent-component-selector [childcomponent] = "child-component-1"></parent-component-selector>
<parent-component-selector [childcomponent] = "child-component-2"></parent-component-selector>

我希望我已经清楚地了解了我的"问题".也许你们可以帮助我并就最佳实践提出建议

我希望采用像这样的 Observable 发出的一系列值Rx.Observable.of(["add", "edit", "destroy"])，但我希望每个值每 5 秒发出一次。

目前我正在伪造这个使用setTimer()和Subject这样的。

const actions$ = new Rx.Subject();

setTimeout(() => { actions$.next("add");  }, 5 * 1000);
setTimeout(() => { actions$.next("edit"); }, 10 * 1000);
setTimeout(() => { actions$.next("destroy"); }, 15 * 1000);

但似乎有一种方法可以做到这一点而无需挥手。我如何在不使用的情况下做到这一点setTimeout()？