小编Sal*_*mov的帖子

Bootstrap 4 scrollspy无法使用Angular 4

我正在尝试在Angular 4中实现scrollspy.我在.angular-cli.json文件中导入了jQuery和Bootstrap.js.它没有在控制台中给出任何错误.但是,active类未按li预期应用于元素.

https://v4-alpha.getbootstrap.com/components/scrollspy/

header.component.ts

ngOnInit() {
    $(document).ready(() => {
        $('body').scrollspy({target: "#myNavbar", offset: 50});   
    });
}
Run Code Online (Sandbox Code Playgroud)

header.component.html

<div class="navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav">
    <li><a href="#PATIENT IDENTIFICATION">Section 1</a></li>
    <li><a href="#INITIATION">Section 2</a></li>
    <li><a href="#section3">Section 3</a></li>
    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li><a href="#section41">Section 4-1</a></li>
        <li><a href="#section42">Section 4-2</a></li>
      </ul>
    </li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap scrollspy angular

11
推荐指数
1
解决办法
4763
查看次数

Angular 2更改HTML元素的文本

我想更改html元素的文本.

profile.component.html

<div class="col col-sm-12">
  <h2>FirstName LastName</h2>
</div>
Run Code Online (Sandbox Code Playgroud)

profile.component.ts

changeName():void{
        //Code to change the <h2> element
    }
Run Code Online (Sandbox Code Playgroud)

如果你能提供代码示例如何做到这一点,那就太好了!

html typescript angular

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

Angular 2/4:scripts.bundle.js和vendor.bundle.js有什么区别?

Angular 4:运行命令后:ng build我有这个结构

0.chunk.js      favicon.ico           polyfills.bundle.js.map
0.chunk.js.map  index.html            scripts.bundle.js
1.chunk.js      inline.bundle.js      scripts.bundle.js.map
1.chunk.js.map  inline.bundle.js.map  styles.bundle.js
2.chunk.js      main.bundle.js        styles.bundle.js.map
2.chunk.js.map  main.bundle.js.map    vendor.bundle.js
assets          polyfills.bundle.js   vendor.bundle.js.map
Run Code Online (Sandbox Code Playgroud)

是什么之间的差异scripts.bundle.jsvendor.bundle.js

我认为区别在于,scripts.bundle.js保存所有外部.js文件并vendor.bundle.js保存所有创建的模块.

编辑

但我可以将.js文件导入node_modulesvendor.bundle.jsscripts.bundle.js.最好的方法是:将.js文件导入模块或将它们添加到.angular-cli.jsons scripts对象中?

〜非常感谢你的帮助!

angular-cli angular

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

有没有更好的方法来对包含各种语言的字符串的数组进行排序

问题:需要对包含字符串的数组进行排序,例如语言的原始名称,基于特定语言(例如希腊语 (el)),以这样的方式先对以希腊语书写的名称进行排序,然后再对其余名称进行排序其他语言。

输入

$arLanguages = [
    'English',
    '???????',
    '???????',
    '??????',
    '????????',
];
Run Code Online (Sandbox Code Playgroud)

预期输出

Array
(
    [0] => ???????
    [1] => ????????
    [2] => ??????
    [3] => English
    [4] => ???????
)
Run Code Online (Sandbox Code Playgroud)

我试过的

setlocale(LC_COLLATE, 'el');
asort($arLanguages);
print_r($arLanguages);
Run Code Online (Sandbox Code Playgroud)

结果:什么都没有发生。

编辑:我的 PHP 版本是 7.3。

编辑 1Simone的解决方案不适用于中文和日语。我认为这与多字节字符有关,或者因为中文和日文也使用拉丁字母。

亲爱的 SO 社区,如何以最好的方式解决所描述的问题?

谢谢你的时间!

php symfony-1.4

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

在 Elasticsearch 中排除大量项目的更好方法

我使用术语查询来排除 100,000 个或更多项目的列表,因为术语查询默认只允许 65,536 个术语,ES 抛出以下错误:

条款查询请求中使用的条款数量 [115687] 已超过允许的最大值 [65536]。可以通过更改 [index.max_terms_count] 索引级别设置来设置此最大值。

解决我的问题的一种方法是增加max_terms_count,但我怀疑它会很慢。

另一种解决方案是在 PHP 中排除那些资源消耗过多的项目。

有没有更好的方法从 ES 搜索结果中排除大量项目?

php elasticsearch

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

从平面对象数组构建对象树数组

我想从平面数组构建一个树数组:

这是平面阵列:

nodes = [
    {id: 1, pid: 0, name: "kpittu"},
    {id: 2, pid: 0, name: "news"},
    {id: 3, pid: 0, name: "menu"},
    {id: 4, pid: 3, name: "node"},
    {id: 5, pid: 4, name: "subnode"},
    {id: 6, pid: 1, name: "cace"}
];
Run Code Online (Sandbox Code Playgroud)

注意:id = 节点 id;pid = 父节点 ID。

我想把它转换成这个数组:

nodes = [{
    id: 1,
    name: 'kpittu',
    childs: [{
        id: 6,
        name: 'cace'
    }]
}, {
    id: 2,
    name: 'news'
}, {
    id: 3,
    name: 'menu',
    childs: [{
        id: 4, …
Run Code Online (Sandbox Code Playgroud)

javascript typescript angular

4
推荐指数
1
解决办法
5708
查看次数