AngularJs, não carrega conteúdo de variável

Front-end
#1

Boa tarde, Pessoal,

não estou conseguindo carregar o conteúdo de variável, estou utilizando tecnologia Angular 1, segue abaixo meu código

[CODE]

Apontamentos

<%--
–%>

/* img { width: 100%; height: 113px; } */ .header { width: 100%; height: 156px; margin-bottom: -1.4em; background-color: black; } .alignheader { text-align: center; color: white; padding: 15px 47px 0 137px; font-family: "Sans Serif"; } .alignheadermobile { text-align: center; color: white; padding: 0px 47px 0 137px; font-family: "Sans Serif"; } .logo { width: 50px; height: 113px; } 
	<div class="row">
		<br>
		<div class="col s4 white-text">
			<div class="logo">
				<img src="<%=request.getContextPath()%>/resources/img/logo.png"  />
			</div>
		</div>
		<div class="alignheader" ng-show="mostraLabelTopo">
			<h5>CONSULTORIA ESPECIALIZADA EM SOLUÇÕES PARA MANUFATURA</h5>
		</div>
		<div class="alignheadermobile" ng-show="!mostraLabelTopo">
			CONSULTORIA ESPECIALIZADA EM SOLUÇÕES PARA MANUFATURA</div>
	</div>
</div>

<nav>
	<div class="nav-wrapper">
		<a href="#" data-activates="mobile-demo" class="button-collapse"><i
			class="material-icons">menu</i></a>
		<ul class="left hide-on-med-and-down">
			<li><a href="/ApontamentoProgress/apt/menu">Voltar</a></li>
		</ul>
		<ul class="side-nav" id="mobile-demo">

			<div class="header">
				<div class="row">
					<div class="col s4 white-text">
						<div class="logo">
							<img src="<%=request.getContextPath()%>/resources/img/logo.png" />
						</div>
					</div>
				</div>

			</div>
			<br>
			<br>
			<li><a href="menu.html">Voltar</a></li>
		</ul>
	</div>
</nav>

<div class="row">

	<div class="col s12 m4 l3" style="background-color: #F5FFFA">
		<!-- Note that "m4 l3" was added -->

		<fieldset>
			<legend>Filtros</legend>

			<div class="card blue-grey darken-1">



				<div class="card-content white-text">

					<label for="Estabelecimento">Estabelecimento: </label>
					<div class="input-field">

						<select>
							<option>Estab. 1</option>
							<option>Estab. 2</option>
							<option>Estab. 3</option>
							<option>Todos</option>
						</select>

					</div>
					<br> <label for="date">Data Inicial: </label> <input
						id="date1" type="date" class="datepicker"> <label
						for="date">Data Final: </label> <input id="date2" type="date"
						class="datepicker">

				</div>

			</div>
		</fieldset>

		<br>
		<br>
		<div style="text-align: right">
			<a class="btn-floating btn-large waves-effect waves-light red" ng-click="buscaFiltro()">
				<i class="material-icons">search</i>
			</a>
		</div>
		
		<a class="waves-effect waves-light btn"
							style="width: 100%; background-color: #337ab7; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; 
							border-radius: 6px; text-transform: none; height: 50px;"
							ng-click="buscaFiltro()">Apontar
							Início da Ordem</a>

		<br>
		<br>
		<br>
		<br>
		<br>
		<br>

	</div>

…

$scope.buscaFiltro = function() {

							alert($scope.dtinicial);
							alert($scope.dtfinal);


						}

[/CODE]

seleciono uma data e o alert esta aparecendo com undefined.

Alguém pode me ajudar ???

Evandro