Knockout.js 互动版

with

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>
ko.applyBindings({
         city: "London",
         coords: {
             latitude: 51.5001524,
             longitude: -0.1262362
         }
     });

这样在使用coordslatitudelongitude的时候就不需要使用coords.latitude来调用了,因为我们使用with:coords来指定了coords的上下文,当我们使用coords下面的属性时就可以直接使用了。

将上面的代码在编辑环境中去试一试。