urigo / angular-blaze-template Goto Github PK

View Code? Open in Web Editor NEW

15.0 5.0 6.0 9 KB

Include Blaze templates in your angular-meteor application

Home Page: https://atmospherejs.com/urigo/angular-blaze-template

License: MIT License

JavaScript 100.00%

angular-blaze-template's Introduction

urigo:angular-blaze-template

<blaze-template>

Include Blaze templates in your angular-meteor application.

Quick start

In the command line: $ meteor add urigo:angular-blaze-template

You can include Meteor's Blaze native templates with the blaze-template directive.

<template name="todoList">
    A couple of todos
</template>

<blaze-template name="todoList"></blaze-template>

`replace` directive with template content

Sometimes, the page styling or logic could strictly depend on the DOM tree depth level where the template elements are located. The directive element could be replaced with the contents of the template using the attribute replace as follows:

<blaze-template name="todoList" replace></blaze-template>

WARNING: If replace is used, the original directive DOM element will be completely removed and replaced with the content of the template. Therefore, it will not be possible to use replace in combination with any other directive, like ng-if or ng-switch.

Next steps

Read more on blaze-template, using parameters and binding Blaze templates to Angular's scope in the API docs.

angular-blaze-template's People

Contributors

Stargazers

Watchers

Forkers

mardo carlosbaraza ozsay trajano eranbot

angular-blaze-template's Issues

Getting useraccounts to work with Angular

Using the blaze template {{> atForm}} from useraccounts:bootstrap is giving an error about a missing template: HTML template does not exists!

Here is what I have in my Angular view file:

<template name="atForm">
    {{> atForm}}
</template>

<blaze-template name="atForm"></blaze-template>

Any help greatly appreciated!

Angular-blaze-template not working in my proyect

Hi everyone!
I have some problems with this package, and i don't know how to fix it.

I followed all the angular-meteor tutorial, also i have installed this package because i want to add a wysiwyg editor whitch is supported in meteor by a "template".

This is my index.html

<head>
	<title>My app</title>
	<base href="/">
	<!-- Google font -->
</head>
<body>
	<div ng-app="simple-todos" ng-strict-di="">
		<admin></admin>
	</div>
</body>

My folder structure is call admin component, which call objectDetail component. There is where i need to put my text editor.

But... if i put the template in my index, automatically the app fail.

<head>
	<title>My app</title>
	<base href="/">
	<!-- Google font -->
</head>
<body>
	<div ng-app="simple-todos" ng-strict-di="">
		<admin></admin>
	</div>
</body>
<template name="todoList">
    A couple of todos
</template>

Then in objectDetail component i have:

<blaze-template name="todoList"></blaze-template>

But it doesn't work if template is not defined.

I someone could help will be awesome!! Thanks!!

PS: Sorry for my english i'm not so good :(

Customize blaze-template loginButtons

Hi @Urigo ,
i'm trying to customize the

<blaze-template name="loginButtons"></blaze-template>

Result:

in this way (as specified here):

<blaze-template name="loginButtons" replace> 
    <div style="color: white">
      <b>Foo</b>
    </div>
</blaze-template>

Result:

I would simply change the component in terms of graphics. How can I do?
I think I misinterpreting the documentation.

Thanks

Should (or will) angular-blaze-template work with meteor-angular2?

Edited this comment to make it more helpful to others

Thanks for everything you've done, Uri and Alex. I was interested in some way to do minimal server-side templates.

Found the following:
Urigo/angular2-meteor#9 and Urigo/angular2-meteor#14 are closed issues to add blaze support to meteor-angular2 (won't be implemented, meteor's responsibility to handle two html processors but that doesn't exist yet)

Doesn't work with IronRouter

I've added this template into my angular /client/index.html:

<head>
    <base href="/"> 
</head>

<template name="ironrouternotfound">
    IR Not Found
</template>

<body>
    <div ng-app="myapp" ng-strict-di="">     
        <div ui-view autoscroll="true"></div>
    </div>  
    <blaze-template name="ironrouternotfound"></blaze-template>
</body>

Configured IronRouter to use it - /client/router.js

Router.configure({
    notFoundTemplate: "ironrouternotfound"
});

However I still see the default IronRouter message:

"Couldn't find a template named "ironrouternotfound" or "ironrouternotfound". Are you sure you defined it?"

Does not work with meteor 1.3

Obviously with new npm style import-export system previous versions of meteor packages do not work properly.
Basically i get this error:

WARNING: Tried to load angular more than once.
and:
Uncaught TypeError: _angular2.default.module(...).component

Obviously "angular-blaze-template" imports meteor's angular before i manually import angular from npm.

Am i doing something wrong or should i just wait for the package updates?

loginButtons blaze template not working with 0.1.0

When we upgraded meteor and this plugin from 0.0.1 to 0.1.0 just now, Auth0 log out button doesn't appear at all and log in button doesn't do anything when you click on it. Downgrading to 0.0.1 but keeping all the other meteor upgraded packages fixed it. I'll try and make a simpler repro setup to see if it affects anything besides Auth0.

Which commit was the 0.0.1 release?

Meteor angular tutorial step 8 cannot add blaze

I am trying to add the login buttons following the tutorial, but it doesn't work.
Tutorial https://www.meteor.com/tutorials/angular/adding-user-accounts

Thanks

Error in the console