Forum Discussion

MikeAinOz's avatar
MikeAinOz
Helper V
7 years ago
Solved

Using AngularJS in Custom Visual

I'm trying out AngularJS in a custom visual. I've got the  AngularJS modules library in and building and not I'm trying to build a test app.   I've created some html in the  constructor:   ...
  • v-viig's avatar
    v-viig
    7 years ago

    Your code above is almost correct. You can also learn how to pass props in React Doc.

     

    ReactDOM.render(React.createElement(App, {options}), this.element);

     

     

    You should also add options as props into App.

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

MikeAinOz's avatar
MikeAinOz
Helper V
7 years ago

Ignat, I can't figure out how to get the dataView into the React Component.

 

I'm doing this is in Update: 

ReactDOM.render(React.createElement(App, options), this.element);
 
but what do I do in the App.tsx? I've managed to pass a test string, but how to pass the VisualUpdateOptions object?
 
Having had a play with React, it looks like a good way to create Custom Visuals
v-viig's avatar
v-viig
Community Champion
7 years ago

Your code above is almost correct. You can also learn how to pass props in React Doc.

 

ReactDOM.render(React.createElement(App, {options}), this.element);

 

 

You should also add options as props into App.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

[email protected]

  • MikeAinOz's avatar
    MikeAinOz
    Helper V
    7 years ago

    I'm having some trouble getting that working. I've run out of time to work on it, but I was thinking of getting a programmer to get the example working for me. Is it worth doing that or will there be something else coming along? 

    • v-viig's avatar
      v-viig
      Community Champion
      7 years ago

      We have not plans to implement Angular/React sample for Power BI but it's on our backlog (no ETA).

       

      Ignat Vilesov,

      Software Engineer

       

      Microsoft Power BI Custom Visuals

      [email protected]

      • MikeAinOz's avatar
        MikeAinOz
        Helper V
        7 years ago

        I found using Chrome to debug I culd see inside the object more easily using console.log. The props were being passed just fine, it was a user problem :-(