javascript - AngularJs 中 KnockoutJs 的 WITH 的等效 html 属性是什么

Question

我目前使用的是 AngularJs，因为我过去使用过 KnockoutJs，所以我想使用与 KnockoutJs 的 with 属性类似的属性，但似乎找不到我要找的东西.我的 AngularJs $scope 目前看起来像这样

$scope.data = {
    selectedCountry: ...,
    ...
};

现在 selectedCountry 是一个 JS 对象，在 HTML 中我希望能够做这样的事情

<div with="data.selectedCountry">
  <div ng-bind="name"/>
  <div ng-bind="prop1"/>
  <div ng-bind="prop2"/>
<div>

而不是必须做我目前正在做的事情，这是

<div>
  <div ng-bind="data.selectedCountry.name"/>
  <div ng-bind="data.selectedCountry.prop2"/>
  <div ng-bind="data.selectedCountry.prop3"/>
<div>

有没有办法在 AngularJs 中做到这一点？任何帮助将非常感激。谢谢。

Answer 1

最接近的是 ng-init 指令。

<div ng-init="c = data.selectedCountry">
    <div ng-bind="c.name"></div>
    <div ng-bind="c.prop1"></div>
    <div ng-bind="c.prop2"></div>
</div>

Here is the plunkr

虽然它与 Knockout(不需要别名)不完全相同，但它应该会让您的生活更轻松，因为别名比编写完整的导航属性路径更好。