Nativescript 自定义属性无法访问答案

【问题标题】：Nativescript custom property not accessibleNativescript 自定义属性无法访问
【发布时间】：2016-08-13 22:00:32
【问题描述】：

我正在尝试在 Nativescript 中创建自定义组件。该组件适用于静态数据，我想向该控件添加一些自定义属性，但在后面的代码中无法访问。我正在尝试创建一个类似于 MCQ 的框或类似于无线电控制的东西，因此用户只能从给定的选项中选择一个选项。

CustomControl.xml

<StackLayout orientation="vertical" class="form" loaded="loaded">
  <Repeater items="{{ items }}">
    <Repeater.itemTemplate>
      <StackLayout orientation="vertical" tap="itemTapped" id="{{id}}">
        <StackLayout orientation="horizontal" verticalAlignment="center">
            <Label text="{{text}}" class="form-field" width="88%"/>
            <Label text="{{characterCode}}" visibility="{{visible ? 'visible' : 'collapsed'}}" class="icon"/>
        </StackLayout>
        <StackLayout class="separator"/>
      </StackLayout>
    </Repeater.itemTemplate>
 </Repeater>
 </StackLayout>

CustomControl.js

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

var _component;
var _viewModel = new Observable();
var _selectedId = null;

exports.loaded = function(args){

  _component = args.object;

  //passing in _component.items as array throws undefined 
  var items = getInitializedArray(["Some text","Someother text"]);
  _viewModel.set("items", items);

  _component.bindingContext = _viewModel;

}


exports.itemTapped = function(args){
  var id = args.object.id;

  if(_selectedId === null){
    var item = _viewModel.get("items").getItem(id);
    item.visible = true;
    _viewModel.get("items").setItem(item, id);

  }else{
    var item = _viewModel.get("items").getItem(_selectedId);
    item.visible = false;

    item = _viewModel.get("items").getItem(id);
    item.visible = true;
    _viewModel.get("items").setItem(item, id);
  }
  _selectedId = id;
}

function getInitializedArray(data){
  var id=0;
  var items = data.map((listItem) => {
    return {
      text: listItem,
      characterCode: String.fromCharCode(0xea11),
      visible: false,
      id: id++
    }
  });
  return new ObservableArray(items);
}

尝试在我的页面中使用它

<CustomComponents:CustomControl items="{{items}}"/>

但是使用 args.object.items 会为对象抛出未定义的属性。

我已经读到我必须使用依赖可观察并且必须创建一个插件。但我没有使用任何特定于平台的东西，我只是用现有的 ui 组件创建一个组件，我想要实现的非常简单。有没有办法绑定自定义属性？插件太复杂了，如何实现？

【问题讨论】：

我认为这次讨论会对您有所帮助github.com/NativeScript/NativeScript/issues/… 总体而言，您要实现的目标应该仅使用代码隐藏来完成

标签： nativescript angular2-nativescript

【解决方案1】：

在阅读了文档并浏览了各种论坛和 github 问题后，我发现了以下内容，感谢 Nick lliev 的评论。

要为您的控件提供自定义属性，您必须使用纯代码技术，我写了一篇博客http://mobile.folio3.com/creating-custom-controls-in-nativescript/ 描述了两种技术，展示了如何为您的自定义控件提供自定义属性。

【讨论】：