Help With Simple Widget ToC With Ng-repeat And Navigation API.

Trang chủ » N G Qvf » Help With Simple Widget ToC With Ng-repeat And Navigation API.

Có thể bạn quan tâm

Announcements Global Transformation Awards! Applications are now open. Submit Entry
  • Qlik Community
  • All Forums
  • Integration, Extension & APIs
  • Help with simple Widget ToC with ng-repeat and Nav...
Options All communityThis boardKnowledge baseUsersProducts cancel Turn on suggestions Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. Showing results for  Search instead for  Did you mean:  joel_orta Partner - Contributor joel_orta Partner - Contributor ‎2018-01-19 06:20 PM

Help with simple Widget ToC with ng-repeat and Navigation API.

Hello, good afternoon to all.

Maybe someone can help me; I have a problem with the qw-sys-info component, I am trying to make a simple widget for a table of contents for Qlik Sense.

Here is my code:

<qw-sys-info content="sheets">

<ul>

<li class="mxTocLi" ng-repeat="sheet in sheets" ng-click="navigation.gotoSheet('{{sheet.qInfo.qId}}')">

<br>

<span class="mxTocSpn" ng-bind="sheet.qMeta.title"></span>

</li>

</ul>

</qw-sys-info>

And css style:

.mxTocLi {

width: 146px;

height: 80px !important;

display: inline-block;

margin: 5px 5px 10px 5px;

padding: 4px 4px 4px 4px;

border:1px solid gray;

text-align:center;

vertical-align: middle;

}

.mxTocSpn{

display: inline-block;

vertical-align: middle;

}

Problem is code in ng-click don't run o show any problem or error message. I did several tests and everything seems to point to a problem of scope; ng-click don't execute navigation.gotoSheet.

However, if I copy and paste the generated code without it being generated with ng-repeat everything works perfectly. It is very similar to what is described here:

Inserting Parameters into JS using Angular

Thanks in advance.

Ditto - same here! 834 Views 0 Likes Reply
  • All forum topics
  • Previous Topic
  • Next Topic
1 Solution Accepted Solutions joel_orta Partner - Contributor joel_orta Partner - Contributor ‎2018-02-17 05:26 AM Author

I found the answer

For all the new ones in Angular:

Is not the same:

ng-click = "navigation.gotoSheet ('{{sheet.qInfo.qId}}')"

What:

ng-click = "navigation.gotoSheet (sheet.qInfo.qId)"

Note: Message edited by Community Moderator to add English translation as a courtesy.

- - - - -

Encontré la respuesta.

Para todos los nuevos en Angular:

No es lo mismo:

ng-click="navigation.gotoSheet('{{sheet.qInfo.qId}}')"

Que:

ng-click="navigation.gotoSheet(sheet.qInfo.qId)"

View solution in original post

Ditto - same here! 647 Views 0 Likes Reply 1 Reply joel_orta Partner - Contributor joel_orta Partner - Contributor ‎2018-02-17 05:26 AM Author

I found the answer

For all the new ones in Angular:

Is not the same:

ng-click = "navigation.gotoSheet ('{{sheet.qInfo.qId}}')"

What:

ng-click = "navigation.gotoSheet (sheet.qInfo.qId)"

Note: Message edited by Community Moderator to add English translation as a courtesy.

- - - - -

Encontré la respuesta.

Para todos los nuevos en Angular:

No es lo mismo:

ng-click="navigation.gotoSheet('{{sheet.qInfo.qId}}')"

Que:

ng-click="navigation.gotoSheet(sheet.qInfo.qId)"

Ditto - same here! 648 Views 0 Likes Reply Post Reply Tags
  • qlik sense
  • api
  • extension
  • mashup
  • advanced analytics inte…
  • Server-Side-Extensions
  • sense
  • qlik
  • javascript
  • extensions
  • qrs
  • qliksense
  • hypercube
  • qlik extensions
  • qrs api
  • AnyChart
  • engine api
  • integration
  • mashups
  • python
View All ≫ Community Browser
  • All Forums
    • Connectivity & Data Prep
    • Deployment & Management
    • GeoAnalytics
    • Integration, Extension & APIs
    • Security & Governance
    • Qlik Reporting Service
    • Mobile
    • QlikView Administration
    • QlikView App Dev
    • QlikView Connectivity
    • QlikView Integrations
    • Qlik NPrinting

Từ khóa » N G Qvf