I'm new to Angular, and developing an Angular-Spring project
For my frontend,
I'm using this bootstrap project as base: https://github.com/start-angular/SB-Admin-BS4-Angular-4
It has, inside layout/bs-components/components, several components like date-picker, modal, pagination, etc
But I can't find the logic to import and use this components, I've imported the date-picker.component.ts file of Date-Picker for example, but can't use it, tried the example of the date-picker.component.html file, no use too..
Like I said, I'm really new to Angular, and have no clue how to proceed..can anyone help?
Related
I've been learning wordpress and I'm trying to figure out how to use Vue with wordpress. I'm currently just trying to do the basic CDN vue or link the vue file so that I can do basic things to interact with my page. Not worrying about vue components or anything that will be way more work if it works at all with wordpress lol.
Is this even possible to do with wordpress? Think the basic js fiddle's for vue where your js file interacts directly with the page (not components compiled and stuff). I just want to do simple things like make my navbar change color if its not at the top, basic stuff with buttons, etc. I really like using vue so if I can I'd rather use vue than have to make straight js to do these things. But I cant figure out how to get it set up.
Thanks.
I want to integrate UI-kit completely into my VueJS app without the use of Vui-Kit framework. My css works correctly but the javascript does not work properly (for example data-src attribute is not recognised). I integrated it inside main.js like this.
import 'uikit/dist/css/uikit.css'
import 'uikit/dist/js/uikit.js'
Can somebody help me with the correct integration?
I have a small form component built using React that I want to make into an embeddable widget for use on other pages. I believe I heard Babelify can help accomplish this, but I'm honestly drawing a blank on how to get this working. I used Babelify to create a bundle.js of the form component, but sticking that on to a blank HTML page using <script src='bundle.js'></script> didn't do anything. So clearly I am either misunderstanding something or am just...totally lost.
Created an embeddable widget with react by following this tutorial http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6
I made some SPA using vuejs-templates/webpack and that's ok. But now I am developing a website, almost everything is static, so there's no need to be a SPA. I already made the pure html/css layout.
Now I will make some pages with forms and dynamic content, I would like to use vue components inside these pages.
Tell me which of this ideas is the best or give me a better option:
Multiple entries in webpack: I don't know very well how to do it, but I guess I can create a webpack project by scratch and render multiple entries that I include in the pages I want.
Use browserify: I didn't want to do this, but sounds like a good option... I could use vueify to render *.vue components
Use Nuxt: I never tried, but seems a good option too, I could make a "SPA" with SSR.
Tell me if you have another idea.
Thank you
Don't rule out just referencing Vue as a script file. No bundle, no compilation step. You lose single file components, but you can get something very like them by using js template literals. If your needs are simple and you don't want to impact on the rest of the site, this could be a fine solution.
I am new to Vue.js, and I'm a little confused about how to use Vue.js in a non-spa project. In my case, I'm going to use JSF for my front-end, and I want to have some components just like button, filter and so on that can be used on different pages. Is there any tool that can convert .vue to pure .js so that I can include the .js in my jsf page? And the most important thing for me is, is there any tutorial or document about non-spa use that I can refer to?
The beginning of the Vue.js guide should explain this type of use. The .vue files are for convenience. You can still create Vue components in a regular .js file. For example (from the Vue.js guide):
Vue.component('todo-item', {
template: '<li>This is a todo</li>'
})