小编Vel*_*Vel的帖子

我无法获得平滑的滚动服务以在角度2中工作.是否有任何平滑滚动或平滑锚定的服务,这可能会工作,直到角度2团队获得$ anchorScroll angular2等效工作？

到目前为止,我刚刚尝试过:

在父div上设置*ngFor循环增量ID

[attr.id]="'point' + i"

在id传递的按钮上调用scrollto

<button 
     type="button" 
     class="btn btn-lg btn-default " 
     (click)="smoothScroll('point'+i)">
           Scroll to point
</button>

在相关组件中,我试图实现一个简单的js平滑滚动功能

smoothScroll(eID) {
        var startY = currentYPosition();
        var stopY = elmYPosition(eID);
        var distance = stopY > startY ? stopY - startY : startY - stopY;
        if (distance < 100) {
            scrollTo(0, stopY); return;
        }
        var speed = Math.round(distance / 100);
        if (speed >= 20) speed = 20;
        var step = Math.round(distance / 25);
        var leapY = stopY > startY ? …

我试图从我在表单中获得的变量创建一个json对象.

var firstName = $('#firstName').val();
var lastName  = $('#lastName').val();
var phone     = $('#phoneNumber').val();
var address   = $('#address').val();

到目前为止,我有下面的代码,但它不会验证或工作.我是新手,请帮忙!将var更改为:

var jsonObject = 
                {
                 firstName: firstName, 
                 lastName: lastName,
                 phoneNumber:phoneNumber,
                 address:address
                }

在JSONlint我收到此错误:

第1行的解析错误:varjsonObject = {
^期待'{','['

我有常见的标题组件和页脚组件.国家/地区列表正在主页上加载.每当点击国家.页面将重新加载并显示文本Loading...,然后显示页眉和页脚.但我想显示页眉和页脚默认值而不等待加载完整页面.我的代码在这里.

APP-routing.module.ts

    const routes: Routes = [
      { path: '', redirectTo: '/home', pathMatch: 'full' },
      { path: 'home',  component: HomepageComponent,},
      { path: ':city', component: CountryDetailComponent },  
      { path: ':city/:subscategory', component: ExploreListComponent }, 
      { path: ':city/:subscategory/:singleitem', component: DetailedPageComponent },
    ];

app.component.ts

    import { Component } from '@angular/core';

    @Component({
      moduleId: module.id,
      selector: 'my-app',
      template: `
         <app-header></app-header>
        <router-outlet></router-outlet>
        <app-footer></app-footer>
      `, 
    })
    export class AppComponent { }

header.component.ts

    import { Component,Renderer } from '@angular/core';
    import { Title } from '@angular/platform-browser';

    @Component({
      moduleId: …

由于互联网连接不良,我的原子包无法安装settings>preferences>install>packages.所以我想我需要手动安装它们.

例如:我从相应的github页面尝试了存储库并克隆了它,users>.atom>packages但这不起作用.

有帮助吗？我喜欢这个文本编辑器,所以如果我可以手动安装更多的包,它会非常方便.

欢迎任何其他方式!

我正在开发一个项目，该项目需要像 camscanner android 本机应用程序一样裁剪图像，当拍摄照片并且当用户单击裁剪按钮时，矩形叠加层应该像在 camscanner 中一样显示。矩形路径可以拉伸到任意角度并且可以进行裁剪。是否有任何用于此的库，实际上我正在寻找类似于 Camscanner、图像裁剪、图像效果并将其转换为 pdf 文件的相同功能。

任何人都可以帮助我吗？

提前致谢。

我想在我的集成测试中使用WebApplicationFactory. 默认情况下， env 设置为Development. 我的 Web 应用程序工厂的代码如下所示：

public class CustomWebApplicationFactory<TStartup> : WebApplicationFactory<TStartup>
    where TStartup : class
{
    protected override void ConfigureWebHost(IWebHostBuilder builder)
    {
        builder.UseSolutionRelativeContentRoot(AppContext.BaseDirectory);

        base.ConfigureWebHost(builder);
    }

    protected override IWebHostBuilder CreateWebHostBuilder()
    {
        return WebHost.CreateDefaultBuilder()
            .UseStartup<TStartup>()
            .UseEnvironment("test"); // i want to launch `test` environment while im
                                     // testing my app
    }
}

当我开始调试Startup类时（当我运行测试时）我仍然得到Development环境：

public Startup(IHostEnvironment env)
{
    var builder = new ConfigurationBuilder()
        .SetBasePath(env.ContentRootPath)
        .AddJsonFile("appsettings.json", false, true)
        .AddJsonFile($"appsettings.{env.EnvironmentName}.json", true)
        // env.EnvironmentName is set to 'Development' …

我想直接阻止从应用程序中的依赖项 (@material-ui/icons) 的根导入，并强制执行树摇动。

有效的 -import AccessAlarmIcon from "@material-ui/icons/AccessAlarm";

无效的 -import AccessAlarmIcon from "@material-ui/icons/";

Material-ui 有一个关于设置 tree-shaking 的很好的指南，但它并没有强制执行上面的无根规则。

rules: {
    "no-restricted-imports": [
      "error",
      {
        "patterns": ["@material-ui/*/*/*", "!@material-ui/core/test-utils/*"],
        "message": "Tree-shaking is enforced for @material-ui, import dependencies "
      }
    ]
}

只需添加“@material-ui/*”作为模式就能解决我的问题吗？

我想bucket-modal.component.ts在用户mouseover/mouseleave上显示弹出窗口list.component.ts.如何之间的沟通list.component.ts来bucket-modal.component.ts？我的代码在这里.

list.component.ts

@Component({    
    selector: 'list',
    templateUrl: 'list.component.html',
    styleUrls: ['list.component.css'],
})

export class ListComponent implements OnInit {
 @Input() state: boolean;
    @Output() toggle = new EventEmitter();
    onHover() {
    this.state = true;
    this.toggle.emit(this.state);
    console.log("state is ----------" + this.state);
    }
    onHoverOut() {
    this.state = false;
    this.toggle.emit(this.state);
    console.log("state is------ " + this.state);
    }
}

list.component.html

<a (mouseover)="onHover()" (mouseleave)="onHoverOut()">random Link list</a>

listdetails.component.ts

@Component({

    selector: 'app-list-detail',
    templateUrl: 'app-list.component.html',
    styleUrls: ['app-list.component.css'],
})


export class ListDetailComponent implements OnInit {


}

listdetails.component.html …

在 file1.js 中：

const doSomething = () => {
  console.log('yay');
};

export { doSomething }; 
//simplified, not using export default due to multiple exports

在 file2.jsx 中：

import { doSomething } from './file1.js';

doSomething(); //undefined 

一段时间以来一直在尝试解决这个问题。尝试从一个类导入此方法并将其添加为组件的 onClick，但它始终是未定义的。如有帮助，将不胜感激

edit1：修复了简化代码中的导入

我使用的是 WooComerce 插件版本 2.6.11，WordPress 版本是 4.7.2。我正在尝试使用订单的产品元数据 (order_id=273) 获取所有产品。我试过如下。但$item['product_id']返回空。什么都没有返回。

    function custom_get_order_details($order_id){
      global $woocommerce; 


      // for test im using $order_id = 273
      $order = new WC_Order( $order_id );

      foreach ( $order->get_items() as $item_id => $item ){

          print_r($item_id);
          echo $product_id = wc_get_order_item_meta($item_id, '_product_id', true);
          echo "<br>test_30<br>";
          echo $variation_id = wc_get_order_item_meta($item_id, '_variation_id', true);
          echo $quantity = wc_get_order_item_meta($item_id, '_qty', true);

      }
      //$curl = curl_init();
      //curl post here
    }
    add_action( 'woocommerce_payment_complete', 'custom_get_order_details', 10, 1 );

如果我打印$item内部 for 循环。它打印

array(4) { ["name"]=> string(4) …