使用Kendo UI Sortable和Angular對數組進行排序

Question

我在Angular和Typescript中使用Kendo UI。 我知道Kendo UI和Angular很痛苦，但我必須那樣做...

該視圖很好用，但是當我想在change-Event中訪問數組並對數組重新排序時，該變量不存在。 看來這是另一個范圍。 因此，在此演示中，警報將彈出：

        // Change Event
        changed(e: kendo.ui.SortableEndEvent) {
          console.log(e);
          console.info(this.data);

          // For Demo
          if(this.data == undefined){
            alert("Can not access Data Array");
            return;
          }

            // swap
            var oldElement = this.data[e.oldIndex];
            this.data[e.oldIndex] = this.data[e.newIndex];
            this.data[e.newIndex] = oldElement;
        }

         data = [
          { value: "Val 1" },
          { value: "Val 2"},
          { value: "Value 3"},
          { value: "Value 4"}
        ];

有沒有解決方法，所以我可以訪問陣列？

我在這里有一個例子： http : //codepen.io/anon/pen/ozbRJA?editors=1010

Answer 1

正如菲利普（Philipp）所說，變更事件是在另一個上下文中。 通過this.$angular_scope.ctrl.data我可以訪問控制器作用域和數組。 它不是很漂亮，但是可以用。