angular example for Multi-Column ListView - nativescript

0
votes

this may be a really simple question from ur view but I didn't find a simple example anywhere

I found this already https://play.nativescript.org/?template=play-tsc&id=VNkHaw&v=4 but it is not in angular and I am quite a beginner in nativescript (working about 6 months with it) so I couldn't use it or port it to angular.

so all I need is a basic sample or even plugin for multi-column listview in angular

1
angularlistviewnativescriptangular2-nativescriptnativescript-angular
The docs for RadListView aren't the friendliest, but they contain examples of how to implement the Rad plugins in either vanilla NS or NS with Angular; here are the docs for implementing a multi-column RadListView in Angular, and here is the github repo which contains the example code. - Brian Lin
As a tip, don't forget to import the RadListView plugin in your module.ts file. I don't think it's clear in the docs, but it should be something like import { NativeScriptUIListViewModule } from "nativescript-ui-listview/angular";, then you add NativeScriptUIListViewModule into your imports array. - Brian Lin
@BrianLin tnx it helped a lot, I wish u posted it as an answer so I could accept it as an answer, therefore I have to accept the only answer here (which is also helpful). again thanks a lot - Seyed Ali Roshan
No problem, I didn't want to post it as an answer since I didn't include any example code. Glad that it helped! - Brian Lin

1 Answers

0
votes

With Angular, you have to

  1. Import the NativeScriptUIListViewModule in your module
  2. Replace self closing tags with closing tags
  3. Use directives instead of XML properties

Learn more at the official docs, here is a Playground Sample.