Question

使用NativeScript和Typescript的初学者。我试图访问一个在函数中声明的变量，所以我可以在视图中显示它。如果那不可能，那么我应该如何解决呢

TypeScript代码：

onValueEvent(result) {
    var cardtitle = result.value.title; // variable I am trying to access in view
    console.log(cardtitle); // logs expected value
}
getCardData(cardID: string) {
    firebase.addValueEventListener(this.onValueEvent, "/cards/" + cardID).then(
        function (listenerWrapper) {
            var path = listenerWrapper.path;
            var listeners = listenerWrapper.listeners;
        });
}

提前致谢！

Answer 1

这应该有效

cardtitle: any;

onValueEvent(result) {
  this.cardtitle = result.value.title; // variable I am trying to access in view
  console.log(this.cardtitle); // logs expected value
}
getCardData(cardID: string) {
    firebase.addValueEventListener(this.onValueEvent, "/cards/" + cardID).then(
        function (listenerWrapper) {
            var path = listenerWrapper.path;
            var listeners = listenerWrapper.listeners;
        });
}

然后您应该可以使用cardtitle

从模板访问{{ cardtitle }}

Answer 2

是的，因为您没有使用箭头功能

Answer 3

无法在DOM中显示函数的局部变量。而是在类中声明变量，并使用this.variable_name表示法访问函数中的变量。您可以通过{{variable_name}}或this.variable_name

等插值在DOM中使用该变量

如何访问函数中的变量并将其显示在模板中 - Angular 2 Nativescript

3 个答案: