小编con*_*uxe的帖子

我想在Angular 4中的子组件中调用父方法(deletePhone).我该如何正确地做到这一点？

我的父组件看起来像:

export class ContactInfo implements OnInit {
    phoneForm: FormGroup;
    phones: Phone[];


    constructor(private fb: FormBuilder,
            private userService: UserService) {
    }

    ngOnInit() {
        this.userService.getDataPhones().subscribe(
            phones => {
                this.phones = phones;
            });

        this.phoneForm = this.fb.group({
            phone: ['', [Validators.pattern(PHONE_PATTERN)]]
        });
    }

    deletePhone(phone: Phone) {
        this.userService.deleteUserPhone(phone)
            .subscribe(res => {
                let index = this.phones.indexOf(phone);
                if (index > -1) {
                    this.phones.splice(index, 1);
                }
        });
    }
}

简单的部分......

通常,在将ZF1应用程序从内置自动加载迁移到基于作曲家的自动加载时(强烈建议在CloudControls Pinky堆栈上进行部署),您只需执行一些简单的步骤:

创建一个composer.json文件并要求Zend Framework(例如1.12版的最新版本):

{
    "require" : {
        "zendframework/zendframework1" : "1.12.*"
    }
}

通过CLI安装composer依赖项:

composer install

更新.gitignore文件并添加:

vendor/*

从库路径中递归删除当前的ZF文件夹(例如./library):

rm -r library/Zend

通过添加以下内容,index.php 在任何Zend_类使用之前包括作曲家自动加载器:

$loader = include 'vendor/autoload.php';

删除您现在已经过时的所有ZF相关require或require_once声明index.php- 例如,这不再需要了:

require_once 'Zend/Application.php';

完成上述更改后,您可以正常提交并通过git推送,然后通过CLI在CloudControl上部署新版本(此处APP_NAME和DEP_NAME此处引用您的应用和部署名称):

cctrlapp APP_NAME/DEP_NAME deploy

您会注意到cctrlapp打印出有关解决作曲家依赖关系的一些信息,并最终启动新版本的部署.要检查是否已完成,您可以运行:

cctrlapp APP_NAME/DEP_NAME log deploy

好的,部署日志看起来很好 - 很好 - 让我们打开浏览器吧!

什么f***!内部服务器错误？为什么？？一切都很好地与当地的LA(M)P堆栈!

TL; 博士

不要命名你的柜台 list-item

问题：

CSS 计数器相对容易理解，有据可查，并且有良好的浏览器支持。

但是，我遇到了我不理解的意外行为，我想知道为什么会发生这种情况。可能只是浏览器中的错误......

在以下示例中，我们可以看到计数器按预期工作：

ol {
  list-style-type: none;
  counter-reset: list-counter;
}

ol>li {
  counter-increment: list-counter;
}

ol>li:before {
  content: counter(list-counter) '. ';
}

<ol>
  <li>n</li>
  <li>n</li>
  <li>n</li>
  <li>n</li>
</ol>

<ol>
  <li>n</li>
  <li>n</li>
  <li>n</li>
</ol>

<ol>
  <li>n</li>
  <li>n</li>
</ol>

但是当将计数器的标识符更改为 时list-item，我们可以看到它在不同浏览器中的行为不同：

ol {
  list-style-type: none;
  counter-reset: list-item;
}

ol>li {
  counter-increment: list-item;
}

ol>li:before {
  content: counter(list-item) '. ';
}

<ol>
  <li>n</li>
  <li>n</li>
  <li>n</li>
  <li>n</li>
</ol>

<ol>
  <li>n</li>
  <li>n</li>
  <li>n</li> …