NativeScript绑定破坏了用户界面

我已设置自定义选项卡视图，定义如下：

main.xml

对于每个选项卡，我都有一个包含

js

、

css

和

xml

文件的文件夹。 示例

tab.xml

文件如下所示：

tab.xml

---

这是什么原因造成的？可能不支持多级绑定？

当您使用自定义XML组件（如选项卡）并向其添加绑定时（在您的

可见性

绑定中，这些绑定基本上应用于XML组件中的根标记。因此，当您在

选项卡.js

中更改绑定上下文时，可见性绑定开始在

profileBinding

中查找

currentActive

属性，以实现您想要的功能要将选项卡XML包装到另一个布局中，请执行以下操作：

<StackLayout>
    <StackLayout loaded="tabLoaded" > 
        <!--looots of stuff --> 
    </StackLayout>
</StackLayout>

---

当您使用自定义XML组件（如选项卡）并向其添加绑定时，它应该可以正常工作。

（在您的

可见性

绑定中，这些绑定基本上应用于XML组件中的根标记。因此，当您在

选项卡.js

中更改绑定上下文时，可见性绑定开始在

profileBinding

中查找

currentActive

属性，以实现您想要的功能要将选项卡XML包装到另一个布局中，请执行以下操作：

<StackLayout>
    <StackLayout loaded="tabLoaded" > 
        <!--looots of stuff --> 
    </StackLayout>
</StackLayout>

它应该会像预期的那样工作

<StackLayout loaded="tabLoaded" > <looots of stuff /> </StackLayout>

var Observable = require("data/observable").Observable;

var profile;
exports.tabLoaded = function(args){
    profile = args.object;
    var profileBinding = {
        username : "Aaron Ullal"
    }
    profile.bindingContext = profileBinding; //removing this line makes elements visible
}

<StackLayout>
    <StackLayout loaded="tabLoaded" > 
        <!--looots of stuff --> 
    </StackLayout>
</StackLayout>