Angularjs + Jinja2

by marco_m_alves

HTML

<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="https://raw.github.com/documentcloud/underscore/master/underscore.js"></script>
<!DOCTYPE html>
<html>
    <head>
        <title>Rentz - recibos</title>
        <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" type="text/css" href="/static/styles/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="/static/styles/style.css" />
    </head>
    <body ng-app="myApp">

    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
          <div class="container">
            <a class="brand" href="/">Rendas</a>
            <ul class="nav">
              <li class="active"><a href="/receipts">Recibos</a></li>
              <li><a href="/houses">Casas</a></li>
              <li><a href="/renters">Inquilinos</a></li>
            </ul>
            <ul class="nav pull-right">
              <li class="divider-vertical"></li>
              <li><a href="/settings">Configurações</a></li>
              <li><a href="/signout">Sair</a></li>
            </ul>
           
          </div>
        </div>
    </div>
       
           <br><br><br>

           
        <h1>Criar recibo</h1>
        

           <br><br><br>

          <form method="post" class="well" ng-controller="MainCtrl">
        <table class="form-table">
          <tr>
            <td><span class="form-label">Ano</span></td>
            <td>
              <select name="year">
                <option>2012</option>
                <option>2013</option>
                <option>2014</option>
              </select>
            </td>
          </tr>
          <tr>
            <td><span class="form-label">Mês</span></td>
            <td>
              <select name="month">
                <option value="1">Janeiro</option>
         ...

JavaScript

var myApp = angular.module('myApp', []);


myApp.controller("MainCtrl", function($scope){
    $scope.renters = [1];
    
    $scope.addRenter = function(){
$scope.renters.push($scope.renters.lenght + 1);        
    };
    
    });