当前位置: 首页 > 面试题库 >

AngularJS中的KnockoutJS的“ with”绑定?

汝楷
2023-03-14
问题内容

我刚刚从KnockoutJS切换到AngularJS,但在AngularJS中找不到KnockoutJS的“ with”数据绑定。

这是KnockoutJS中的代码片段。“ with”绑定创建一个新的绑定上下文,以便将后代元素绑定到指定对象的上下文中。

<h1 data-bind="text: city"> </h1>
<p data-bind="with: coords">
    Latitude: <span data-bind="text: latitude"> </span>,
    Longitude: <span data-bind="text: longitude"> </span>
</p>

<script type="text/javascript">
    ko.applyBindings({
        city: "London",
        coords: {
            latitude:  51.5001524,
            longitude: -0.1262362
        }
    });
</script>

AngularJS是否有类似上下文的内容?


问题答案:

我所不知道的..这是我能做的最好的事情:

<h1>{{city}}</h1>
<p ng-repeat="c in [coords.or.possibly.deeper.in.tree]">
    Latitude: {{c.latitude}},
    Longitude: {{c.longitude}}
</p>


 类似资料:
  • 本文向大家介绍KnockoutJS 3.X API 第四章之数据控制流with绑定,包括了KnockoutJS 3.X API 第四章之数据控制流with绑定的使用技巧和注意事项,需要的朋友参考一下 with绑定的目的 使用with绑定的格式为data-bind=”with:attribute”,使用with绑定会将其后所跟的属性看作一个新的上下文进行绑定。with绑定内部的所有元素将受到该上下文

  • AngularJS中的数据绑定就是模型与视图间的自动同步。这种实现方式让你能专心地处理你的模型。视图总是模型的投影。当模型改变,视图就会反映这种改变,反之亦然。 传统的模板系统数据绑定 大部分模板系统都是这种绑定方式。 方向:如图所示,它们将模型和模板结合生成视图。这个结合过程产生的视图不是动态更新的。更糟的是,任何用户和视图的交互都不会反映到模型。这意味着开发者要自动写视图和模型双向的同步代码。

  • 问题内容: 有没有办法在AngularJS绑定中使用数学函数? 例如 这个小提琴显示了问题 http://jsfiddle.net/ricick/jtA99/1/ 问题答案: 如果您对数学一无所知,则必须注入示波器 。 最简单的方法,你可以做 在您的控制器中。我猜想正确地做到这一点的角度方法是创建一个数学服务。

  • 本文向大家介绍KnockoutJS 3.X API 第四章之click绑定,包括了KnockoutJS 3.X API 第四章之click绑定的使用技巧和注意事项,需要的朋友参考一下 目的 click绑定主要作用是用于DOM元素被点击时调用相关JS函数。最常见用于button、input、a元素。 例如: 源码: 如上述例子,没点过button被点击时都会触发incrementClickCount

  • with绑定用来创建一个绑定上下文,在子元素内的所有绑定都在这个上下文中进行。 示例代码: //.W片段 <h1 bind-text="city"> </h1> <p bind-with="coords"> Latitude: <span bind-text="latitude"> </span>, Longitude: <span bind-text="longitude"> </span

  • 问题内容: 我一直在尝试定义指令,以便可以根据字段的类型及其参数(存储在数据库中)以表格形式显示不同的“窗口小部件”。我需要对不同类型的场景做出反应,因此需要使用指令来处理布局。 在玩一些示例时,我想出了 kinda 可以工作的代码: HTML 指示 这似乎可行(尽管明显比* proper * angularJS变量绑定要慢),但我认为必须有更好的方法来做到这一点。谁能阐明这件事? 问题答案: 我