Angularjs ng模型成为剑道ui选项卡条中的一种方式

我正在为一个小项目使用angularjs+kendoui。（我正在学习angularjs）

然而，我发现ng模型只能以一种方式工作（它可以从控制器/模型填充到UI），但当我更改UI时，它无法填充模型

下面是一个简单的例子

我在选项卡内有一个文本框。当我更新文本时，模型没有更新。 我在选项卡外有另一个文本框。当我更新文本时，模型已更新。 请参见下面的示例

---

剑道指令创建一个新范围。您的ng模型中需要有“.”。建议这样做

app.controller("myCtrl", function ($compile, $scope) {
$scope.o = {};
 $scope.o.testText = 'hello'
$scope.o.testText2 = 'hello2'
});

在您看来

<div id="tabstrip" kendo-tab-strip>
  <ul>
    <li class="k-state-active">Tab 1</li>
    <li>Tab 2</li>
  </ul>

  <div>
    <input type="text" ng-model="o.testText" />
  </div>
  <div>
    [Page 2]
  </div>
</div>
    <div>
    <span>Tab Text </span></span><p>{{o.testText}}</p>

    </div>
    <span>Outside Tab Text </span>
    <input type="text" ng-model="o.testText2" />
    <p>{{o.testText2}}</p>

  </body>

表1
表2

[第2页]
制表符文本{o.testText}

外部选项卡文本
{{o.testText2}

您可以在中找到有关角度的此功能的更多详细信息