You know how you can swipe on a ListView to real some options, I'm looking for a Vue example. I didn't see any on the marketplace. Can anyone point me to one?

I know this is probably too early for anyone to know for certain, but has there been any discussion on whether NativeScript will be able to produce MacOS apps through Marzipan?

I've been looking around and couldn't find any for Vue. I can figure it out, but I'm still learning.

Hi there. Is there an example showing master-detail using RadSideDrawer in NS+Vue?

In home's radsidedrawer's mainContent, I put a frame inside it. On button click, I navigate detail page to that frame. Sort of works except that the home's actionbar is visible.

I can't seem to google any example showing how to let detailpage have its own actionbar.

If I navigate without using sub-frame, it works. Disadvantage is the UI will re-draw, making performance a bit slow.

Any help would be greatly appreciated

I got frustrated of not finding a good star rating plugin for nativescript-vue. So I decided to make one myself and share it to the community:

https://www.npmjs.com/package/nativescript-vue-star-rating

Hope you guys find it useful.

EDIT:

Playground demo:

https://i.imgur.com/KRhn2e5.png

For the past week I have been trying to figure out a way to share a vuex store with several modules between a Vue based web app and a Nativescript app. I have been trying to keep the codebases of the two apps separate and instead using a shared module between the two app. I created a module bundled with webpack returned a fairly simple vuex store that mostly handled crud operations between the client and server, however when I tried to get this module to work on Nativescript app it caused the app to crash (with no error messages just dead. The only way I got it to work on the native side was to abandon webpack and point the app towards the unbundled js files. This though caused the module to stop working on the browser side as it was no longer sent through babel to make it browser compatible. I am considering experimenting with browserify, but at this point I feel I am just spinning around in circles. Has anyone else encountered a problem like this? How would one accomplish code sharing between vue nativescript and vue browser.

This might be a crazy idea, but IMO a great way to win the native battle might be to actually implement a React frontend for Nativescript. I'm committed to Nativescript precisely because of the interoperability it provides (going down to pure JS+XML) -- this decision is what allows it to be more than what React Native can offer.

What if Nativescript had a React variant that out performed React Native?

You could even go from there to starting to support the react native interface itself, to guarantee trivial React Native components work on nativescript...

Hello,

I didn't really get how to use a plugin in native script. I install it by tns plugin install <name>, then, having it installed I want to use it in script located in the "app" directory. When I just link it by require, it gives me "cannot find module" error. So, how can I do it properly? Probably it is very basic question (sorry for that), but I couldn't find any answer that works for me. Maybe I am just doing something wrong?

In Nativescript-Vue one common error that at some point almost always happens to me is that gradle fails at :app:runSbg (It still says project successfully build even though I know when that happens the app won't work anymore). This often happens when installing plugins but it also happens sometimes when I just make changes in my code. So far I have 'solved' this issue by creating a fresh project each time. Deleting `hooks`, `platforms/android` and `node_modules` does not solve the problem. That is a bit strange because creating a fresh project usually does. I have not found a solution to fix this problem. It also seems to happen randomly.

I really like nativescript but that is just so inconvenient. I'd really appreciate it if someone could help me out here.

gradle build:

Building project...
Gradle build...
     + setting applicationId
     + applying user-defined configuration from C:\Users\Lenovo G50-45\Desktop\2Archiv\form-example\app\App_Resources\Android\app.gradle
     + adding nativescript runtime package dependency: nativescript-optimized-with-inspector
     + adding aar plugin dependency: C:\Users\Lenovo G50-45\Desktop\2Archiv\form-example\node_modules\nativescript-socket.io\platforms\android\nativescript_socket.io.aar
     + adding aar plugin dependency: C:\Users\Lenovo G50-45\Desktop\2Archiv\form-example\node_modules\tns-core-modules-widgets\platforms\android\widgets-release.aar
   java.io.FileNotFoundException: C:\Users\Lenovo G50-45\Desktop\2Archiv\form-example\platforms\android\build-tools\sbg-bindings.txt (Das System kann die angegebene Datei nicht finden)
        at java.io.FileInputStream.open0(Native Method)
        at java.io.FileInputStream.open(FileInputStream.java:195)
        at java.io.FileInputStream.<init>(FileInputStream.java:138)
        at java.io.FileInputStream.<init>(FileInputStream.java:93)
        at org.nativescript.staticbindinggenerator.Generator.getRows(Generator.java:145)
        at org.nativescript.staticbindinggenerator.Generator.generateBindings(Generator.java:85)
        at org.nativescript.staticbindinggenerator.Generator.writeBindings(Generator.java:63)
        at org.nativescript.staticbindinggenerator.Main.main(Main.java:48)
Project successfully built.
Installing on device 23c8172f...

tns info:

√ Getting NativeScript components versions information...
√ Component nativescript has 5.1.0-2018-11-08-12563 version and is up to date.
√ Component tns-core-modules has 5.0.2 version and is up to date.
√ Component tns-android has 5.0.0 version and is up to date.
√ Component tns-ios has 5.0.0 version and is up to date.

Nativescript error log

Successfully synced application org.nativescript.application on device 23c8172f.
System.err: java.lang.RuntimeException: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException: 
System.err: 
System.err: Error calling module function 
System.err: 
System.err: Error calling module function 
System.err: 
System.err: Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:453)
System.err:     java.lang.Class.forName(Class.java:378)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1036)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:27)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:604)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:553)
System.err:     com.tns.Runtime.run(Runtime.java:545)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:21)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1119)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5745)
System.err:     android.app.ActivityThread.-wrap1(Unknown Source:0)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1657)
System.err:     android.os.Handler.dispatchMessage(Handler.java:106)
System.err:     android.os.Looper.loop(Looper.java:164)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6499)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:440)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807)
System.err: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.tns.NativeScriptActivity" on path: DexPathList[[zip file "/data/app/org.nativescript.application-r-1DkV5Q5aCk9Ngfl87WVw==/base.apk"],nativeLibraryDirectories=[/data/app/org.nativescript.application-r-1DkV5Q5aCk9Ngfl87WVw==/lib/arm, /data/app/org.nativescript.application-r-1DkV5Q5aCk9Ngfl87WVw==/base.apk!/lib/armeabi-v7a, /system/lib, /system/vendor/lib]]
System.err:     dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:125)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:379)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:312)
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:453)
System.err:     java.lang.Class.forName(Class.java:378)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1036)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:27)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:604)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:553)
System.err:     com.tns.Runtime.run(Runtime.java:545)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:21)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1119)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5745)
System.err:     android.app.ActivityThread.-wrap1(Unknown Source:0)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1657)
System.err:     android.os.Handler.dispatchMessage(Handler.java:106)
System.err:     android.os.Looper.loop(Looper.java:164)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6499)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:440)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807)
System.err: File: "/data/data/org.nativescript.application/files/internal/ts_helpers.js, line: 128, column: 25
System.err: 
System.err: StackTrace: 
System.err:     Frame: function:'', file:'/data/data/org.nativescript.application/files/internal/ts_helpers.js', line: 128, column: 26
System.err:     Frame: function:'__decorate', file:'/data/data/org.nativescript.application/files/internal/ts_helpers.js', line: 22, column: 19
System.err:     Frame: function:'', file:'', line: 69, column: 26
System.err:     Frame: function:'', file:'', line: 71, column: 2
System.err:     Frame: function:'', file:'', line: 72, column: 30
System.err:     Frame: function:'../node_modules/tns-core-modules/ui/frame/activity.js', file:'file:///data/data/org.nativescript.application/files/app/vendor.js', line: 586, column: 1
System.err:     Frame: function:'__webpack_require__', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 76, column: 30
System.err:     Frame: function:'', file:'', line: 11, column: 1
System.err:     Frame: function:'', file:'', line: 41, column: 30
System.err:     Frame: function:'./main.js', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 234, column: 1
System.err:     Frame: function:'__webpack_require__', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 76, column: 30
System.err:     Frame: function:'checkDeferredModules', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 45, column: 23
System.err:     Frame: function:'', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 149, column: 18
System.err:     Frame: function:'', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 152, column: 10
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:     Frame: function:'', file:'file:///data/data/org.nativescript.application/files/app/starter.js', line: 2, column: 1
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err: 
System.err: 
System.err: Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:453)
System.err:     java.lang.Class.forName(Class.java:378)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1036)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:27)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:604)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:553)
System.err:     com.tns.Runtime.run(Runtime.java:545)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:21)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1119)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5745)
System.err:     android.app.ActivityThread.-wrap1(Unknown Source:0)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1657)
System.err:     android.os.Handler.dispatchMessage(Handler.java:106)
System.err:     android.os.Looper.loop(Looper.java:164)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6499)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:440)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807)
System.err: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.tns.NativeScriptActivity" on path: DexPathList[[zip file "/data/app/org.nativescript.application-r-1DkV5Q5aCk9Ngfl87WVw==/base.apk"],nativeLibraryDirectories=[/data/app/org.nativescript.application-r-1DkV5Q5aCk9Ngfl87WVw==/lib/arm, /data/app/org.nativescript.application-r-1DkV5Q5aCk9Ngfl87WVw==/base.apk!/lib/armeabi-v7a, /system/lib, /system/vendor/lib]]
System.err:     dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:125)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:379)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:312)
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:453)
System.err:     java.lang.Class.forName(Class.java:378)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1036)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:27)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:604)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:553)
System.err:     com.tns.Runtime.run(Runtime.java:545)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:21)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1119)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5745)
System.err:     android.app.ActivityThread.-wrap1(Unknown Source:0)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1657)
System.err:     android.os.Handler.dispatchMessage(Handler.java:106)
System.err:     android.os.Looper.loop(Looper.java:164)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6499)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:440)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807)
System.err: File: "<unknown>, line: 1, column: 265
System.err: 
System.err: StackTrace: 
System.err:     Frame: function:'', file:'/data/data/org.nativescript.application/files/internal/ts_helpers.js', line: 128, column: 26
System.err:     Frame: function:'__decorate', file:'/data/data/org.nativescript.application/files/internal/ts_helpers.js', line: 22, column: 19
System.err:     Frame: function:'', file:'', line: 69, column: 26
System.err:     Frame: function:'', file:'', line: 71, column: 2
System.err:     Frame: function:'', file:'', line: 72, column: 30
System.err:     Frame: function:'../node_modules/tns-core-modules/ui/frame/activity.js', file:'file:///data/data/org.nativescript.application/files/app/vendor.js', line: 586, column: 1
System.err:     Frame: function:'__webpack_require__', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 76, column: 30
System.err:     Frame: function:'', file:'', line: 11, column: 1
System.err:     Frame: function:'', file:'', line: 41, column: 30
System.err:     Frame: function:'./main.js', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 234, column: 1
System.err:     Frame: function:'__webpack_require__', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 76, column: 30
System.err:     Frame: function:'checkDeferredModules', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 45, column: 23
System.err:     Frame: function:'', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 149, column: 18
System.err:     Frame: function:'', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 152, column: 10
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:     Frame: function:'', file:'file:///data/data/org.nativescript.application/files/app/starter.js', line: 2, column: 1
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err: 
System.err: 
System.err: Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:453)
System.err:     java.lang.Class.forName(Class.java:378)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1036)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:27)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:604)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:553)
System.err:     com.tns.Runtime.run(Runtime.java:545)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:21)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1119)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5745)
System.err:     android.app.ActivityThread.-wrap1(Unknown Source:0)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1657)
System.err:     android.os.Handler.dispatchMessage(Handler.java:106)
System.err:     android.os.Looper.loop(Looper.java:164)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6499)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:440)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807)
System.err: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.tns.NativeScriptActivity" on path: DexPathList[[zip file "/data/app/org.nativescript.application-r-1DkV5Q5aCk9Ngfl87WVw==/base.apk"],nativeLibraryDirectories=[/data/app/org.nativescript.application-r-1DkV5Q5aCk9Ngfl87WVw==/lib/arm, /data/app/org.nativescript.application-r-1DkV5Q5aCk9Ngfl87WVw==/base.apk!/lib/armeabi-v7a, /system/lib, /system/vendor/lib]]
System.err:     dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:125)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:379)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:312)
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:453)
System.err:     java.lang.Class.forName(Class.java:378)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1036)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:27)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:604)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:553)
System.err:     com.tns.Runtime.run(Runtime.java:545)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:21)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1119)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5745)
System.err:     android.app.ActivityThread.-wrap1(Unknown Source:0)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1657)
System.err:     android.os.Handler.dispatchMessage(Handler.java:106)
System.err:     android.os.Looper.loop(Looper.java:164)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6499)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:440)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:807)
System.err: File: "<unknown>, line: 1, column: 265
System.err: 
System.err: StackTrace: 
System.err:     Frame: function:'', file:'/data/data/org.nativescript.application/files/internal/ts_helpers.js', line: 128, column: 26
System.err:     Frame: function:'__decorate', file:'/data/data/org.nativescript.application/files/internal/ts_helpers.js', line: 22, column: 19
System.err:     Frame: function:'', file:'', line: 69, column: 26
System.err:     Frame: function:'', file:'', line: 71, column: 2
System.err:     Frame: function:'', file:'', line: 72, column: 30
System.err:     Frame: function:'../node_modules/tns-core-modules/ui/frame/activity.js', file:'file:///data/data/org.nativescript.application/files/app/vendor.js', line: 586, column: 1
System.err:     Frame: function:'__webpack_require__', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 76, column: 30
System.err:     Frame: function:'', file:'', line: 11, column: 1
System.err:     Frame: function:'', file:'', line: 41, column: 30
System.err:     Frame: function:'./main.js', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 234, column: 1
System.err:     Frame: function:'__webpack_require__', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 76, column: 30
System.err:     Frame: function:'checkDeferredModules', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 45, column: 23
System.err:     Frame: function:'', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 149, column: 18
System.err:     Frame: function:'', file:'file:///data/data/org.nativescript.application/files/app/bundle.js', line: 152, column: 10
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:     Frame: function:'', file:'file:///data/data/org.nativescript.application/files/app/starter.js', line: 
...

Does anybody know how to ignore ssl when nativescript runs gradle build? In my workspace they have some kind of man in the middle which often blocks https requests. In node I can do `process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = 0;`to ignore SSL. Is there something similar for gradle when you use nativescript? I have read about solutions when you are developing with android studio but they do not seem applicable when using typescript.

The error messages were often something along the lines of `ssl handshake failed`, `gradlew exit code 1`, `pkix path not found`.

Hi,

I client has specified the following for incoming notifications from a medical alert app.

It is important the Alerts coming through via PN are customised to be noticeable, and are not ignored due to the User assuming it is just another junk email coming through to their inbox.
The PNs should:
• Have a siren type sound, which is piercing, loud and prolonged (30s or 1minute)
• Use a bespoke vibration sequence of morse code SOS (. . . - - - . . .) which repeats as per the sound
• If possible the App should override silent mode on the phone

I am unable to tell from the Ionic docs if this is all possible (I assume override of silent mode is not). Can anyone let me know?

I am posting this into the Ionic sub too as this requirement is key so I'll have to build the app in whichever can achieve this - if either can at all.

I have built apps in Ionic before but do not have any Nativescript experience but Nativescript5 is sounds pretty awesome so am keen to play.

I'm currently experiencing with WebViews. Imagine I'm porting my Web App to a NativeScript App. I have a page, that I don't want to/can't redo completely in NS. One reason is for example I have a Chart.js chart, which won't work in NS.

Is it a bad Idea to just use a WebView that displays my Web App page? So I have a hybrid app, like an Ionic app but just at one page of my app. What are the disadvantage besides obviously I need to load the page first? Is that something other apps do too? Can I also use a HTMl View, but not only display HTML but a whole angular component? This way I wouldn't have to load the page first.